Line 145: |
Line 145: |
| row-gap:0px; | | row-gap:0px; |
| column-gap:1px; | | column-gap:1px; |
− | grid-template-columns: repeat(auto-fill, 150px); | + | grid-template-columns: repeat(auto-fill, 49.7%); |
| | | |
| } | | } |
| | | |
| .fc-grid>* { | | .fc-grid>* { |
− | width: 150px; | + | width: 100%; |
| height:210px; | | height:210px; |
| text-align:center; | | text-align:center; |
Line 246: |
Line 246: |
| 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;
| |
− |
| |
− | }
| |
− |
| |
| } | | } |