diff --git a/index.html b/index.html index 27e784a..e5eefb8 100644 --- a/index.html +++ b/index.html @@ -183,6 +183,27 @@ white-space: nowrap; /* Prevent wrapping */ } + .project { + display: grid; + grid-template-columns: repeat(2, 1fr); /* Two equal columns */ + grid-auto-rows: 50vh; /* Fixed height for rows */ + width: 100vw; /* Full width of the viewport */ + height: 100vh; /* Full height of the viewport */ + gap: 0; /* No gap between children (optional) */ + } + + /* Style for child divs */ + .quarter { + display: flex; + justify-content: center; + align-items: center; + font-size: 24px; + font-weight: bold; + background-color: lightblue; + border: 1px solid #ccc; /* Optional for visibility */ + } + + @@ -239,6 +260,73 @@