Best Practices
No edit summary
Tags: Reverted 2017 source edit
No edit summary
Tag: 2017 source edit
(11 intermediate revisions by the same user not shown)
Line 17: Line 17:
.contentHeader {
.contentHeader {
   padding: 5em;
   padding: 5em;
  margin-bottom: 2em;
}
}


Line 22: Line 23:
   font-size: 2.25em;  
   font-size: 2.25em;  
}
}
.grid-container {
.grid-container {
     display: grid;
     display: grid;
Line 29: Line 31:
     grid-auto-rows: minmax(100px, auto);
     grid-auto-rows: minmax(100px, auto);
}
}


     @media (max-width: 767px) {
     @media (max-width: 767px) {
Line 59: Line 62:
           padding: 2rem 1em;
           padding: 2rem 1em;
       }
       }
        .grid-container {
      .grid-container {
        grid-template-columns: 1fr;
    grid-template-columns: 1fr !important;
        padding: 0 2em;
    padding: 0 2em !important;
    }
.bestpractices-card {
    height: auto;
    padding: 20px;
}
 
.bestpractices-card span {
    font-size: 18px;
}
}
     }
     }


</style>
</style>
Line 84: Line 78:
</div>
</div>


<div class="grid-container">
<div style="display: grid; padding: 0 5em; grid-template-columns: repeat(2, 1fr); gap: 20px; grid-auto-rows: minmax(100px, auto);" class="grid-container">


</html>
</html>

Revision as of 06:51, 7 August 2024

Best practices
BEST PRACTICES
Suggestions and ideas on how to creatively use MDriven tools.