Best Practices
No edit summary Tag: 2017 source edit |
(Replacing message template with parser tag) |
||
(13 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
<message>Write the content here to display this box</message> | |||
<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; | |||
} | |||
.header3 { | |||
padding: 2rem 5em; | |||
} | |||
.contentHeader { | |||
padding: 5em; | |||
} | |||
.heading { | |||
font-size: 2.25em; | |||
} | |||
@media (max-width: 767px) { | @media (max-width: 767px) { | ||
. | .contentHeader { | ||
padding: 2em 1em; | padding: 2em 1em; | ||
max-width: none; | max-width: none; | ||
Line 27: | Line 49: | ||
} | } | ||
.grid-container { | .grid-container { | ||
grid-template-columns: 1fr !important | grid-template-columns: 1fr !important; | ||
} | } | ||
.header3 { | |||
padding: 2rem 1em; | |||
} | |||
} | } | ||
</style> | </style> | ||
<div style="background: linear-gradient(94deg, #E2F5FA 0%, #F7FAFC 49%, #FFDABB 100%);"> | <div style="background: linear-gradient(94deg, #E2F5FA 0%, #F7FAFC 49%, #FFDABB 100%);"> | ||
<div class=" | <div class="contentHeader" style="width: 100%; display: flex; flex-direction: column; gap: 10px; box-sizing: border-box;"> | ||
<div style="color: #44546F;">Best practices</div> | <div style="color: #44546F;">Best practices</div> | ||
<div class="heading" style="color: #182933 | <div class="heading" style="color: #182933; font-weight: 700; text-transform: uppercase; ">BEST PRACTICES</div> | ||
<div style="color: black; font-size: 14px; font-family: Outfit; font-weight: 400; word-wrap: break-word;">Suggestions and ideas on how to creatively use MDriven tools. </div> | |||
</div> | </div> | ||
</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="header3" >Here’s how YOU can make MDriven work for YOU</div> | ||
<div style="display: grid; padding: 0 5em; grid-template-columns: repeat(3, 1fr); gap: 20px; grid-auto-rows: minmax(100px, auto);" class="grid-container"> | |||
<div style="display: grid; padding: 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 08:04, 17 June 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