Main Page/styles.css: Difference between revisions

← Older edit Newer edit →

@@ Line 78: / Line 78: @@
          border-right: 1px solid black;
      }
+}
+.container {
+    display: flex;
+    flex-wrap: wrap;
+    width: 100%;
+}
+.container a {
+    flex: 1 1 calc(33.333% - 10px); /* 3 items per row with space for borders */
+    height: 64px;
+    background-color: rgba(0, 0, 255, 0.8); /* 80% transparent blue */
+    border: 5px solid rgba(255, 0, 0, 0.8); /* 5px 80% transparent red */
+    color: white;
+    font-weight: bold;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    box-sizing: border-box;
+    margin: 5px; /* Space between items */
 }