diff --git a/Portfolio/style.css b/Portfolio/style.css index 11b6bae..38f8adc 100644 --- a/Portfolio/style.css +++ b/Portfolio/style.css @@ -36,7 +36,7 @@ a:focus { border-color: currentColor; } -/* Site header and navigation */ + body > header { background: var(--paper); display: flex; @@ -92,21 +92,20 @@ body > header nav ul li a { background: white; border-radius: 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); - width: 48%; /* Adjust width to fit two cards side by side */ + width: 48%; display: flex; flex-direction: column; - overflow: hidden; /* Hide any overflow content */ + overflow: hidden; } .card img { width: 100%; - height: 200px; /* Fixed height for image */ - object-fit: cover; /* Ensure the image covers the entire area */ -} + height: 200px; + object-fit: cover; .container { padding: 20px; - flex-grow: 1; /* Allow text to take up remaining space in the card */ + flex-grow: 1; } .container h4 { @@ -148,6 +147,6 @@ footer a { @media (max-width: 768px) { .card { - width: 100%; /* Make the cards take full width on small screens */ + width: 100%; } }