CUSP-1344 - Fix version layout on homepage

Signed-off-by: Stephen Simpson <ssimpson89@users.noreply.github.com>

templates/root.html

@@ -19,7 +19,7 @@
 
 .version-grid {
     display: grid;
-    grid-template-columns: 1fr;
+    grid-template-columns: repeat({{ num_columns }}, 1fr);
     gap: 1.5rem;
     margin-top: 2rem;
 }
@@ -161,19 +161,20 @@
 
     <div class="version-section">
         <h2>Select Version</h2>
-        {% for major, minors in major_groups %}
         <div class="version-grid">
-            {% for minor in minors %}
-            <a href="{{ major }}.{{ minor }}/index.html" class="version-card{% if not loop.first %} small{% endif %}">
+            {% for row in version_rows %}
+            {% set outer_loop = loop %}
+            {% for major, minor in row %}
+            <a href="{{ major }}.{{ minor }}/index.html" class="version-card{% if not outer_loop.first %} small{% endif %}">
                 <div class="version-number">{{ major }}.{{ minor }}</div>
-                {% if loop.first %}
+                {% if outer_loop.first %}
                 <div class="version-label">Rocky Linux</div>
                 <div class="version-browse">Browse man pages →</div>
                 {% endif %}
             </a>
             {% endfor %}
+            {% endfor %}
         </div>
-        {% endfor %}
     </div>
 </div>
 {% endblock %}