From 6acdfe3e75df20f3576e40b2ce71693ecca8cb92 Mon Sep 17 00:00:00 2001 From: Henry-Hiles Date: Fri, 16 Jun 2023 20:42:48 -0400 Subject: [PATCH] Fix responsiveness --- src/styles/Portfolio.module.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/src/styles/Portfolio.module.css b/src/styles/Portfolio.module.css index 0087a32..0f573b8 100644 --- a/src/styles/Portfolio.module.css +++ b/src/styles/Portfolio.module.css @@ -1,16 +1,17 @@ .portfolioItems { - display: grid; + display: flex; justify-content: center; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); text-align: center; gap: 30px; margin: auto; - max-width: 1000px; + max-width: 60rem; flex-wrap: wrap; padding: 2em 3em; } .portfolioItems a { + width: 100%; + max-width: 12rem; color: white; transition: scale 0.2s; } @@ -24,6 +25,7 @@ } .portfolioItems img { + width: 100%; border-radius: 1rem; background: var(--secondary); box-shadow: 0.5em 0.5em 3em 0.7em rgba(0, 0, 0, 0.25),