Best Practices
No edit summary Tags: Reverted 2017 source edit |
(Added Edited template with July 12, 2025.) |
||
| (11 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 { | .grid-container { | ||
display: grid; | display: grid; | ||
| Line 29: | Line 32: | ||
grid-auto-rows: minmax(100px, auto); | grid-auto-rows: minmax(100px, auto); | ||
} | } | ||
@media (max-width: 767px) { | @media (max-width: 767px) { | ||
| Line 59: | Line 63: | ||
padding: 2rem 1em; | padding: 2rem 1em; | ||
} | } | ||
.grid-container { | |||
grid-template-columns: 1fr !important; | |||
padding: 0 2em !important; | |||
} | |||
} | } | ||
</style> | </style> | ||
| Line 85: | Line 79: | ||
</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> | ||
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.