Best Practices
No edit summary Tag: 2017 source edit |
(Added Edited template with July 12, 2025.) |
||
| (15 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
{{Edited|July|12|2025}} | |||
<message>Write the content here to display this box</message> | <message>Write the content here to display this box</message> | ||
<html> | <html> | ||
| Line 17: | Line 18: | ||
.contentHeader { | .contentHeader { | ||
padding: 5em; | padding: 5em; | ||
margin-bottom: 2em; | |||
} | } | ||
| Line 22: | Line 24: | ||
font-size: 2.25em; | font-size: 2.25em; | ||
} | } | ||
.grid-container { | |||
display: grid; | |||
padding: 0 5em; | |||
grid-template-columns: repeat(2, 1fr); | |||
gap: 20px; | |||
grid-auto-rows: minmax(100px, auto); | |||
} | |||
@media (max-width: 767px) { | @media (max-width: 767px) { | ||
| Line 48: | Line 59: | ||
padding-right: 1em; | padding-right: 1em; | ||
} | } | ||
.header3 { | .header3 { | ||
padding: 2rem 1em; | padding: 2rem 1em; | ||
} | } | ||
.grid-container { | |||
grid-template-columns: 1fr !important; | |||
padding: 0 2em !important; | |||
} | |||
} | } | ||
| Line 67: | Line 79: | ||
</div> | </div> | ||
<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> | ||
Latest revision as of 06:27, 20 January 2025
This page was created by Edgar on 2023-11-02. Last edited by Edgar on 2025-01-20.
Best practices
BEST PRACTICES
Suggestions and ideas on how to creatively use MDriven tools.