Widget:BestPractices: Difference between revisions

BestPractices

Revision as of 07:03, 1 August 2024

This page was created by Edgar on 2023-11-19. Last edited by Edgar on 2024-08-01.

@@ Line 1: / Line 1: @@
-<div class="bestpractices-card" style="display: flex; align-items: center; padding: 10px; background: #E3E8EE; border-radius: 5px; margin-bottom: 10px; width: 100%; max-width: 350.75px; min-height: 120px;" onclick="window.location.href='<!--{$headingLink|default:'#'}-->';">
+<a href="<!--{$headingLink|default:'#'}-->" style="color: #1A50AD; font-size: 20px; font-weight: 700; text-decoration: none;">
-    <!-- Image logo on the left -->
+    <!--{$heading|default:'Heading'}-->
-    <div style="flex: 0 0 auto; align-self: stretch; display: flex; align-items: center; justify-content: center; width: 50px;">
+</a>
-        <img src="<!--{$imageUrl|default:'/images/MDrivenBestPractices.svg'}-->" alt="Logo" style="max-width: 100%; max-height: 100%;">
-    </div>
-    <!-- Text content with heading and description on the right -->
-    <div style="flex-grow: 1; display: flex; flex-direction: column; justify-content: center; padding-left: 10px;">
-        <a href="<!--{$headingLink|default:'#'}-->" style="color: #1A50AD; font-size: 20px; font-weight: 700; text-decoration: none;">
-            <!--{$heading|default:'Heading'}-->
-        </a>
-        <div style="color: #44546F; font-size: 14px; margin-top: 5px;">
-            <!--{$description|default:'Description'}-->
-        </div>
-    </div>
-</div>