Best Practices
Tags: Undo Reverted |
No edit summary Tags: Reverted 2017 source edit |
||
| Line 3: | Line 3: | ||
<style> | <style> | ||
.bestpractices-card:hover { | |||
transform: translateY(-5px); | transform: translateY(-5px); | ||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); | ||
| Line 18: | Line 18: | ||
.contentHeader { | .contentHeader { | ||
padding: 5em; | padding: 5em; | ||
text-align: center; | |||
} | } | ||
.heading { | .heading { | ||
font-size: 2.25em; | font-size: 2.25em; | ||
color: #182933; | |||
font-weight: 700; | |||
text-transform: uppercase; | |||
} | } | ||
.grid-container { | .grid-container { | ||
display: grid; | display: grid; | ||
grid-template-columns: repeat(2, 1fr); | |||
gap: 20px; | |||
padding: 0 5em; | padding: 0 5em; | ||
} | } | ||
.bestpractices-card { | .bestpractices-card { | ||
background: rgba(226, 245, 250, 0.70); | |||
border-radius: 10px; | border-radius: 10px; | ||
padding: 20px; | |||
padding: | |||
text-align: center; | text-align: center; | ||
transition: transform 0.3s ease, box-shadow 0.3s ease; | transition: transform 0.3s ease, box-shadow 0.3s ease; | ||
| Line 54: | Line 53: | ||
} | } | ||
. | .grid-container { | ||
padding: | grid-template-columns: 1fr; | ||
padding: 0 2em; | |||
} | } | ||
.bestpractices-card { | .bestpractices-card { | ||
padding: 20px; | padding: 20px; | ||
} | } | ||
| Line 67: | Line 66: | ||
} | } | ||
} | } | ||
</style> | </style> | ||
Revision as of 07:34, 1 August 2024
Best practices
BEST PRACTICES
Suggestions and ideas on how to creatively use MDriven tools.