Best Practices
No edit summary Tags: Reverted 2017 source edit |
Tags: Undo Reverted |
||
| Line 3: | Line 3: | ||
<style> | <style> | ||
.bestpractices-card:hover { | .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; | ||
} | } | ||
.heading { | .heading { | ||
font-size: 2.25em; | font-size: 2.25em; | ||
} | } | ||
.grid-container { | .grid-container { | ||
display: grid; | display: grid; | ||
grid-template-columns: repeat( | padding: 0 5em; | ||
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); | |||
gap: 20px; | gap: 20px; | ||
grid-auto-rows: minmax(100px, auto); | |||
} | } | ||
.bestpractices-card { | .bestpractices-card { | ||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
height: 100px; | |||
border-radius: 10px; | |||
background: rgba(226, 245, 250, 0.70); | background: rgba(226, 245, 250, 0.70); | ||
padding: 10px; | |||
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 53: | Line 54: | ||
} | } | ||
. | .header3 { | ||
padding: 2rem 1em; | |||
padding: | |||
} | } | ||
.bestpractices-card { | .bestpractices-card { | ||
height: auto; | |||
padding: 20px; | padding: 20px; | ||
} | } | ||
| Line 66: | Line 67: | ||
} | } | ||
} | } | ||
</style> | </style> | ||
Revision as of 07:35, 1 August 2024
Best practices
BEST PRACTICES
Suggestions and ideas on how to creatively use MDriven tools.