allow 4 side by side graphics backends on lg

Author: birkskyum

src/pages/projects/native.astro

@@ -195,9 +195,9 @@ import Layout from "../../layouts/Layout.astro";
 
       <div
         class="row g-4 justify-content-center"
-        style="max-width: 600px; margin: 0 auto;"
+        style="max-width: 800px; margin: 0 auto;"
       >
-        <div class="col-lg-4 col-md-6 col-12">
+        <div class="col-lg-3 col-md-6 col-12">
           <div class="card h-100 shadow-sm">
             <div
               class="card-body d-flex flex-column align-items-center text-center"
@@ -207,7 +207,7 @@ import Layout from "../../layouts/Layout.astro";
             </div>
           </div>
         </div>
-        <div class="col-lg-4 col-md-6 col-12">
+        <div class="col-lg-3 col-md-6 col-12">
           <div class="card h-100 shadow-sm">
             <div
               class="card-body d-flex flex-column align-items-center text-center"
@@ -217,7 +217,7 @@ import Layout from "../../layouts/Layout.astro";
             </div>
           </div>
         </div>
-        <div class="col-lg-4 col-md-6 col-12">
+        <div class="col-lg-3 col-md-6 col-12">
           <div class="card h-100 shadow-sm">
             <div
               class="card-body d-flex flex-column align-items-center text-center"
@@ -227,7 +227,7 @@ import Layout from "../../layouts/Layout.astro";
             </div>
           </div>
         </div>
-        <div class="col-lg-4 col-md-6 col-12">
+        <div class="col-lg-3 col-md-6 col-12">
           <div class="card h-100 shadow-sm">
             <div
               class="card-body d-flex flex-column align-items-center text-center"