Difference between revisions of "Template:KeyConcepts"

Latest revision as of 07:17, 12 December 2021

Key Concepts

@@ Line 1: / Line 1: @@
-<div style="background-color: #4B0082; border: solid thin yellow; padding:10px;">
+<div class="d-flex flex-row rounded py-1 {{{class|}}}" style="min-width: 280px;flex:1">
-<table>
+  <div class="d-flex flex-column flex-md-row w-100 align-items-start">
-<tr>
+    <div class="d-flex flex-column justify-content-center px-4 py-2 pb-md-3 rounded bg-primary mr-0 mr-md-4 w-auto"><!--
-<td style="padding:5px; text-align:center; font-size:larger; color: white;">Key Concepts<br/>[[File:KeyConceptsIcon.png|left|link=]]</td>
+   --><span class="badge badge-light mt-2 mb-2" style="font-size:1rem">Key Concepts</span><!--
-<td style="padding:5px; color: white;">{{{1}}}</td>
+   -->[[File:KeyConceptsIcon.png|class=m-auto d-none d-md-inline-block|link=]]
-</tr>
+    </div>
-</table>
+    <div class="w-100">{{{1|}}}</div>
+  </div>
 </div>