From e7e7df5c8f0bfeec7fb3b927a932ebd185000982 Mon Sep 17 00:00:00 2001 From: zepp Date: Thu, 2 Jan 2025 01:08:50 -0500 Subject: [PATCH] styling of section elements --- style/style.css | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/style/style.css b/style/style.css index 67102de..30542ef 100644 --- a/style/style.css +++ b/style/style.css @@ -28,7 +28,7 @@ main { flex-direction: column; align-items: center; gap: 2rem; - width: 50rem; + width: 60vw; height: auto; } @@ -77,6 +77,7 @@ main { display: grid; grid-template-rows: 5rem 25rem 25rem; grid-template-columns: 20rem 20rem; + gap: 1rem; justify-items: center; justify-content: center; } @@ -87,8 +88,8 @@ main { } .favorite-baxter-photos figure { - height: 20rem; - width: 20rem; + height: 22.5rem; + width: 22.5rem; text-wrap: wrap; text-align: center; } @@ -121,5 +122,9 @@ section { padding: 1.25rem; border: 2px solid var(--border-color); border-radius: 15px; - width: 50rem; + width: 60vw; +} + +section img { + border-radius: 15px; }