Line 36: |
Line 36: |
| margin-left:auto; | | margin-left:auto; |
| margin-right:auto; | | margin-right:auto; |
| + | margin-top:5%; |
| } | | } |
| | | |
| .mp-flex-box{ | | .mp-flex-box{ |
| width:100%; | | width:100%; |
| + | margin-bottom:2% |
| } | | } |
| | | |
Line 155: |
Line 157: |
| .mp-category-grid{ | | .mp-category-grid{ |
| display: grid; | | display: grid; |
− | justify-items:center; | + | justify-items:center; |
| + | align-items:center; |
| + | justify-content: center; |
| width:100%; | | width:100%; |
− | grid-gap: 10px; | + | row-gap:0px; |
− | grid-template-columns: repeat(auto-fill, 120px); | + | column-gap:1px; |
| + | grid-template-columns: repeat(auto-fill, 100px); |
| | | |
| } | | } |
| | | |
| .mp-category-grid>* { | | .mp-category-grid>* { |
− | width: 60px; | + | width: 100px; |
| + | height: 150px; |
| text-align:center; | | text-align:center; |
| + | border-radius:10px; |
| + | border:1px grey solid; |
| } | | } |
| | | |