width: min(100%, 500px)
＝
width: 100% max-width: 500px
width: max(80%, 500px)
width: 80% min-width: 500px
width: clamp(500px, 50%, 1000px)
min-width: 500px max-width: 1000px
※500px と 1000px の間は 50%
あいうえお