Sandpitarticles: Difference between revisions

"Just like the flies, they are finding out where is sore, and the bees, they are finding out where there is honey. So two animals, they have got two business: fault-finding and collecting the good things. These are two... Just like creature. They are two classes. Similarly, there are many rascals who are simply fault-finding."

760206 - Morning Walk - Mayapur

@@ Line 4: / Line 4: @@
 {{RandomArticles}}
+<!--
 <div align=center>
 <div id="mainbanner" style="border-radius:10px;">Śrīla Prabhupāda's Media Snippets</div><br>
+-->
 <!--------------------------------Random Media------------------------------->
+<!--
 <div class="row">
-   <div class="large-3 columns">{{Random ImageQuote}}</div>
+   <div class="large-3 columns">{{RandomShorts}}</div>
-   <div class="large-5 columns"><div style="margin: 8px 0 0 25px"><nomobile>{{RandomVideo}}</nomobile></div><mobileonly>{{RandomVideoMobile}}</mobileonly></div>
+   <div class="large-5 columns"><div style="margin: 8px 0 0 25px"><nomobile>{{RandomVideo2}}</nomobile></div><mobileonly>{{RandomVideoMobile}}</mobileonly></div>
-   <div class="large-4 columns">{{RandomImage 400px}}</div>
+   <div class="large-4 columns">{{Random ImageQuote}}</div>
 </div>
+-->
+<div style="text-align: center; width: 100%;">
+<div id="mainbanner" style="border-radius:10px; margin-bottom: 25px; width: 100%;">Śrīla Prabhupāda's Media Snippets</div>
+<!--------------------Identical Styled Card Grid with Green Borders-------------------->
+<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; width: 100%; margin: 0 auto; padding: 0; align-items: stretch;">
+  <!-- Box 1 (Left) -->
+  <div style="flex: 1 1 300px; max-width: 320px; background-color: #feffe1; border: 1px solid #1c5249; border-radius: 10px; padding: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); display: flex; flex-direction: column; justify-content: flex-start; box-sizing: border-box;">
+    <div style="width: 100%; float: none !important; clear: both; margin-bottom: auto;">
+      {{RandomShorts}}
+    </div>
+  </div>
+  <!-- Box 2 (Center) -->
+  <div style="flex: 1 1 400px; max-width: 450px; background-color: #feffe1; border: 1px solid #1c5249; border-radius: 10px; padding: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); display: flex; flex-direction: column; justify-content: flex-start; box-sizing: border-box;">
+    <div style="width: 100%; float: none !important; clear: both; margin-bottom: auto;">
+      <nomobile>{{RandomVideo2}}</nomobile>
+      <mobileonly>{{RandomVideoMobile}}</mobileonly>
+    </div>
+  </div>
+  <!-- Box 3 (Right) -->
+  <div style="flex: 1 1 300px; max-width: 320px; background-color: #feffe1; border: 1px solid #1c5249; border-radius: 10px; padding: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); display: flex; flex-direction: column; justify-content: flex-start; box-sizing: border-box;">
+    <div style="width: 100%; float: none !important; clear: both; margin-bottom: auto;">
+      {{Random ImageQuote}}
+    </div>
+  </div>
+</div>
+</div>
 <br />
 {{Master Main Page - Random Audio Clips from Srila Prabhupada}}
@@ Line 60: / Line 95: @@
 ! <h2  id="mp-tfp-h2" style="margin:0; background:#ddcef2; font-size:120%; font-weight:bold; border:1px solid #afa3bf; text-align:middle; color:#000; padding:0.2em 0.4em">[[Random Video Clips of Srila Prabhupada|Random Video Clips of Srila Prabhupada]]</h2>
 |-
-| <div class="center"><br />{{RandomVideo}}</div>
+| <div class="center"><br />{{RandomVideo2}}</div>
 |}
 |} -->