Best Practices
mNo edit summary
Tag: 2017 source edit
(Replacing message template with parser tag)
(7 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>
Line 10: Line 11:
     display: none;
     display: none;
}
}
.H3 {
.header3 {
   padding: 1rem 5em;
   padding: 2rem 5em;
}
 
.contentHeader {
  padding: 5em;
}
 
.heading {
  font-size: 2.25em;  
}
}


Line 42: Line 51:
           grid-template-columns: 1fr !important;  
           grid-template-columns: 1fr !important;  
           }
           }
       .H3 {
 
           padding: 1rem 2em;
       .header3 {
           padding: 2rem 1em;
       }
       }
     }
     }
Line 50: Line 60:


<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="contentHeader" style="padding: 5em;  width: 100%; display: flex; flex-direction: column; gap: 10px; box-sizing: border-box;">
   <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; font-size: 2.25em;  font-weight: 700; text-transform: uppercase; ">BEST PRACTICES</div>
     <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 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; font-weight:500; font-size:20px class="H3";">Here’s how YOU can make MDriven work for YOU</div>
   <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: 2rem 5em; grid-template-columns: repeat(3, 1fr); gap: 20px; grid-auto-rows: minmax(100px, auto);" class="grid-container">
   <div style="display: grid; padding: 0 5em; grid-template-columns: repeat(3, 1fr); gap: 20px; grid-auto-rows: minmax(100px, auto);" class="grid-container">


</html>
</html>

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