Line 244: |
Line 244: |
| flex-basis:60%; | | flex-basis:60%; |
| width:60%; | | width:60%; |
| + | } |
| + | |
| + | @media only screen and (max-width: 370px) { |
| + | .fc-grid{ |
| + | display: grid; |
| + | justify-items:center; |
| + | align-items:center; |
| + | width:100%; |
| + | row-gap:0px; |
| + | column-gap:1px; |
| + | grid-template-columns: repeat(auto-fill, 120px); |
| + | |
| + | } |
| + | |
| + | .fc-grid>* { |
| + | width: 120px; |
| + | height:210px; |
| + | text-align:center; |
| + | border-radius:10px; |
| + | border:1px grey solid; |
| + | } |
| + | |
| + | .fc-img{ |
| + | |
| + | width:100px; |
| + | min-height: 100px; |
| + | max-height: 100px; |
| + | |
| + | } |
| + | |
| } | | } |