diff --git a/index.lisp b/index.lisp
index ae1fad2..dec4c01 100644
--- a/index.lisp
+++ b/index.lisp
@@ -6,6 +6,7 @@
 (defpackage :website
   (:use :cl #:ml-sbt)
   (:import-from #:ml-sbt/section
+                #:define-section-type
                 #:with-section
                 #:with-section-row
                 #:with-section-col
@@ -18,6 +19,8 @@
                 #:with-list-group*)
   (:import-from #:ml-sbt/card
                 #:with-card*)
+  (:import-from #:ml-sbt/utility
+                #:make-grid-class)
   (:import-from #:ml-sbt/btn
                 #:btn))
 
@@ -25,6 +28,8 @@
 
 (defvar *lang* "en")
 
+(define-section-type with-section-projects (make-grid-class :row 1 :sm 2 :md 3 :g 3) nil)
+
 (defparameter *active-projects*
   '(("metalisp.sbt"
      ("Library of Common Lisp Macros to generate HTML." "In Active Development" "Common Lisp")
@@ -61,7 +66,7 @@
       ;; Active Projects
       (with-section
         (with-title-bar "Active Projects")
-        (with-section-row
+        (with-section-projects
           (dolist (project *active-projects*)
             (destructuring-bind (cheader citems curl) project
               (with-card*