Best Practices
No edit summary Tag: 2017 source edit |
mNo edit summary Tag: 2017 source edit |
||
| Line 1: | Line 1: | ||
<html> | <html> | ||
<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; | |||
} | |||
.H3 { | |||
padding: 1rem 5em; | |||
} | |||
@media (max-width: 767px) { | @media (max-width: 767px) { | ||
.contentHeader { | .contentHeader { | ||
| Line 27: | Line 40: | ||
} | } | ||
.grid-container { | .grid-container { | ||
grid-template-columns: 1fr !important; | grid-template-columns: 1fr !important; | ||
} | } | ||
.H3 { | |||
padding: 1rem 2em; | |||
} | |||
} | } | ||
</style> | </style> | ||
| Line 48: | Line 57: | ||
</div> | </div> | ||
<div style="color: #182933; 500; word-wrap: break-word | <div style="color: #182933; 500; word-wrap: break-word; font-weight:500; font-size:20px class="H3";">Here’s how YOU can make MDriven work for YOU</div> | ||
<div style="display: grid; padding: 2rem 5em; grid-template-columns: repeat(3, 1fr); gap: 20px; grid-auto-rows: minmax(100px, auto);" class="grid-container"> | <div style="display: grid; padding: 2rem 5em; grid-template-columns: repeat(3, 1fr); gap: 20px; grid-auto-rows: minmax(100px, auto);" class="grid-container"> | ||
</html> | </html> | ||
{{#widget:BestPractices|heading=MDriven Source code instructions|headingLink=/index.php/BestPractices:MDriven_Source_code_instructions|description=Install the MDriven source code.}} | {{#widget:BestPractices|heading=MDriven Source code instructions|headingLink=/index.php/BestPractices:MDriven_Source_code_instructions|description=Install the MDriven source code.}} | ||
Revision as of 16:45, 2 April 2024
Best practices
BEST PRACTICES
Suggestions and ideas on how to creatively use MDriven tools.
Here’s how YOU can make MDriven work for YOU