Changes

Jump to navigation Jump to search
no edit summary
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;
 
}
 
}
  

Navigation menu