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-template-columns: 1fr !important; | |||
padding: 0 2em !important; | |||
} | } | ||
} | } | ||
</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.