CSS tweak, two columns and center

majunze2001 · majunze2001 · commit 34c5ce29bde7 · 2025-03-18T14:03:33.000-04:00
diff --git a/custom/layouts/oss.njk b/custom/layouts/oss.njk
@@ -18,7 +18,7 @@
   }
 
   .project {
-    width: 100%; /* Full width for each project */
+    width: 48%; /* Full width for each project */
     padding: 15px;
     box-sizing: border-box;
     background-color: #f9f9f9;
@@ -92,6 +92,7 @@
   @media (max-width: 800px) {
     .project {
       width: calc(100% - 20px); /* Full width on smaller screens */
+      margin: 0 auto;
     }
 
     /* Remove fixed widths on smaller screens for flexibility */

Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,7 @@`
`18`	`18`	`}`
`19`	`19`
`20`	`20`	`.project {`
`21`		`- width: 100%; /* Full width for each project */`
	`21`	`+ width: 48%; /* Full width for each project */`
`22`	`22`	`padding: 15px;`
`23`	`23`	`box-sizing: border-box;`
`24`	`24`	`background-color: #f9f9f9;`
`@@ -92,6 +92,7 @@`
`92`	`92`	`@media (max-width: 800px) {`
`93`	`93`	`.project {`
`94`	`94`	`width: calc(100% - 20px); /* Full width on smaller screens */`
	`95`	`+ margin: 0 auto;`
`95`	`96`	`}`
`96`	`97`
`97`	`98`	`/* Remove fixed widths on smaller screens for flexibility */`