Best Practices
No edit summary Tags: Reverted 2017 source edit |
Tags: Undo Reverted |
||
Line 3: | Line 3: | ||
<style> | <style> | ||
.bestpractices-card:hover { | |||
transform: translateY(-5px); | |||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); | |||
} | |||
.mw-parser-output > *:first-child { | |||
display: none; | |||
} | |||
.header3 { | |||
padding: 2rem 5em; | |||
} | |||
.contentHeader { | |||
padding: 5em; | padding: 5em; | ||
} | } | ||
.heading { | .heading { | ||
font-size: 2.25em; | font-size: 2.25em; | ||
} | } | ||
.grid-container { | .grid-container { | ||
display: | display: grid; | ||
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 { | ||
flex: | 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 47: | Line 47: | ||
.contentHeader { | .contentHeader { | ||
padding: 2em 1em; | padding: 2em 1em; | ||
max-width: none; | |||
} | } | ||
Line 53: | Line 54: | ||
} | } | ||
. | .header3 { | ||
padding: | padding: 2rem 1em; | ||
} | } | ||
.bestpractices-card { | .bestpractices-card { | ||
height: auto; | |||
padding: 20px; | |||
} | } | ||
Revision as of 07:33, 1 August 2024
Best practices
BEST PRACTICES
Suggestions and ideas on how to creatively use MDriven tools.