BestPractices:Best Practices: Difference between revisions

@@ Line 38: / Line 38: @@
 <div style="color: #182933; 500; word-wrap: break-word; padding-left:85px; font-weight:500; font-size:20px; padding-top:20px;">Here’s How You Can Make MDriven Work for YOU</div>
 <div style="color: black; font-size: 14px; font-family: Outfit; font-weight: 400; word-wrap: break-word; padding-left:85px; padding-top:10px; ">Suggestions and ideas on how to creatively use MDriven tools. </div>
+<div style="display: grid; padding: 4em; grid-template-columns: repeat(3, 1fr); gap: 20px; grid-auto-rows: minmax(100px, auto);" class="grid-container">
 </html>
-<div style="width: 723px; height: 291px; justify-content: flex-start; align-items: flex-start; gap: 74px; display: inline-flex;margin-left:90px">
+{{#widget:BestPractices|imageUrl=Path_To_Image|heading=Your Heading Text|headingLink=Link_To_Something|description=Your Description Text}}
-  <div style="width: 389px; height: 291px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex">
+{{#widget:BestPractices|imageUrl=Path_To_Image|heading=Your Heading Text|headingLink=Link_To_Something|description=Your Description Text}}
-    <div style="color: #1A50AD; font-size: 16px; font-family: Outfit; font-weight: 500; line-height: 24px; word-wrap: break-word">[[BESTPRACTICES:Html frontend tips and tricks|Html frontend tips and tricks]]</div>
+{{#widget:BestPractices|imageUrl=Path_To_Image|heading=Your Heading Text|headingLink=Link_To_Something|description=Your Description Text}}
-    <div style="color: #1A50AD; font-size: 16px; font-family: Outfit; font-weight: 500; line-height: 24px; word-wrap: break-word">[[BESTPRACTICES:ModelMeta|ModelMeta]]</div>
+{{#widget:BestPractices|imageUrl=Path_To_Image|heading=Your Heading Text|headingLink=Link_To_Something|description=Your Description Text}}
-    <div style="color: #1A50AD; font-size: 16px; font-family: Outfit; font-weight: 500; line-height: 24px; word-wrap: break-word">[[BESTPRACTICES:Practical expressions to get insights into your model content|Practical expressions to get insights into your model content]]</div>
+{{#widget:BestPractices|imageUrl=Path_To_Image|heading=Your Heading Text|headingLink=Link_To_Something|description=Your Description Text}}
-    <div style="color: #1A50AD; font-size: 16px; font-family: Outfit; font-weight: 500; line-height: 24px; word-wrap: break-word">[[BESTPRACTICES:Statemachines forcing your hand even if you are admin|Statemachines forcing your hand even if you are admin]]</div>
+{{#widget:BestPractices|imageUrl=Path_To_Image|heading=Your Heading Text|headingLink=Link_To_Something|description=Your Description Text}}
-    <div style="color: #1A50AD; font-size: 16px; font-family: Outfit; font-weight: 500; line-height: 24px; word-wrap: break-word">[[BESTPRACTICES:Navigating without user interaction|Navigating without user interaction]]</div>
+{{#widget:BestPractices|imageUrl=Path_To_Image|heading=Your Heading Text|headingLink=Link_To_Something|description=Your Description Text}}
-    <div style="color: #1A50AD; font-size: 16px; font-family: Outfit; font-weight: 500; line-height: 24px; word-wrap: break-word">[[BESTPRACTICES:MetaMDriven|MetaMDriven]]</div>
+{{#widget:BestPractices|imageUrl=Path_To_Image|heading=Your Heading Text|headingLink=Link_To_Something|description=Your Description Text}}
-    <div style="color: #1A50AD; font-size: 16px; font-family: Outfit; font-weight: 500; line-height: 24px; word-wrap: break-word">[[BESTPRACTICES:Subscribed|Subscribed]]</div>
+{{#widget:BestPractices|imageUrl=Path_To_Image|heading=Your Heading Text|headingLink=Link_To_Something|description=Your Description Text}}
-  </div>
+{{#widget:BestPractices|imageUrl=Path_To_Image|heading=Your Heading Text|headingLink=Link_To_Something|description=Your Description Text}}
-</div>
+{{#widget:BestPractices|imageUrl=Path_To_Image|heading=Your Heading Text|headingLink=Link_To_Something|description=Your Description Text}}
+{{#widget:BestPractices|imageUrl=Path_To_Image|heading=Your Heading Text|headingLink=Link_To_Something|description=Your Description Text}}
-<div style="width: 250px; height: 218px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 16px; display: inline-flex">
+{{#widget:BestPractices|imageUrl=Path_To_Image|heading=Your Heading Text|headingLink=Link_To_Something|description=Your Description Text}}
-  <div style="color: #1A50AD; font-size: 16px; font-family: Outfit; font-weight: 500; line-height: 24px; word-wrap: break-word">[[BESTPRACTICES:Calendar based license|Calendar based license]]</div>
+{{#widget:BestPractices|imageUrl=Path_To_Image|heading=Your Heading Text|headingLink=Link_To_Something|description=Your Description Text}}
-  <div style="color: #1A50AD; font-size: 16px; font-family: Outfit; font-weight: 500; line-height: 24px; word-wrap: break-word">[[BESTPRACTICES:MDriven Source code instructions|MDriven Source code instructions]]</div>
+{{#widget:BestPractices|imageUrl=Path_To_Image|heading=Your Heading Text|headingLink=Link_To_Something|description=Your Description Text}}
-  <div style="color: #1A50AD; font-size: 16px; font-family: Outfit; font-weight: 500; line-height: 24px; word-wrap: break-word">[[BESTPRACTICES:NugetLicense|NugetLicense]]</div>
+{{#widget:BestPractices|imageUrl=Path_To_Image|heading=Your Heading Text|headingLink=Link_To_Something|description=Your Description Text}}
-  <div style="color: #1A50AD; font-size: 16px; font-family: Outfit; font-weight: 500; line-height: 24px; word-wrap: break-word">[[BESTPRACTICES:Source code license|Source code license]]</div>
+{{#widget:BestPractices|imageUrl=Path_To_Image|heading=Your Heading Text|headingLink=Link_To_Something|description=Your Description Text}}
-  <div style="color: #1A50AD; font-size: 16px; font-family: Outfit; font-weight: 500; line-height: 24px; word-wrap: break-word">[[BESTPRACTICES:Terms of service|Terms of service]]</div>
+{{#widget:BestPractices|imageUrl=Path_To_Image|heading=Your Heading Text|headingLink=Link_To_Something|description=Your Description Text}}
-</div>