サイズ感とJS開発用
メディアクエリーのサイズ
- $medium = 620px
- $wide = 800px
- $huge = 1600px
- $mediumContainer = 688px
- $wideCotainer = 864px
- media-query(small){～619px($medium – 1)}
- media-query(medium){620px～(only)799px($wide – 1)}
- media-query(wide){800px～(only)1599px($huge – 1)}
グリッドカラムサイズ
medium(620px)
- 30.3%+4.5%(187px+27px)
- 2:(403px+27px)
wide(960px)
- 22.2%+3.7%(213px+35px)
- 2:48.1%+3.7%(461px+35px)
- 3:74%+3.7%(710px+35px)