From 2ff54a094d19a2499a718f76f18c774503608052 Mon Sep 17 00:00:00 2001 From: Yash Date: Sat, 15 Oct 2022 23:15:07 +0530 Subject: [PATCH] responsive --- components/style.css | 2 ++ style.css | 4 +++- 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/components/style.css b/components/style.css index 262e382..9a81977 100644 --- a/components/style.css +++ b/components/style.css @@ -9,6 +9,8 @@ display: flex; justify-content: space-evenly; margin-top: 100px; + flex-wrap: wrap; + margin-top: 100px; } .circle-wrap { /* margin: 150px auto; */ diff --git a/style.css b/style.css index 42d36b9..a431bfe 100644 --- a/style.css +++ b/style.css @@ -88,6 +88,7 @@ body { display: flex; justify-content: center; align-items: center; + margin-top: -42px; } .slide { @@ -99,7 +100,7 @@ body { background-color: white; animation: fade 1.4s; object-fit: contain; - width: 800px; + width: 323px; aspect-ratio: 16/9; } @@ -108,6 +109,7 @@ body { justify-content: space-evenly; align-items: center; gap: 15px; + flex-wrap: wrap; } .card {