From 4778160977498d73cdd96c2403891bd67d2c3ab7 Mon Sep 17 00:00:00 2001 From: Ankita Malik <80139836+AnkitaMalik22@users.noreply.github.com> Date: Tue, 18 Oct 2022 21:40:42 +0530 Subject: [PATCH] changes in home.css --- src/utils/stylesheets/home.css | 45 ++++++++++++++++++++++++++++++++-- 1 file changed, 43 insertions(+), 2 deletions(-) diff --git a/src/utils/stylesheets/home.css b/src/utils/stylesheets/home.css index b7022c5..8038a4a 100644 --- a/src/utils/stylesheets/home.css +++ b/src/utils/stylesheets/home.css @@ -245,19 +245,60 @@ margin: 10px; } +@media screen and (max-width: 320px) { + .home-wrapper{ + padding: 10rem 2rem; + } + .h1-title { + font-size: 7vh; + line-height: 8vh; + } + .home-wrapper-description { + + font-size: 3vw; + line-height: 3vh; + letter-spacing: 1px; + + } + +} +@media screen and (max-width: 480px) { + .home-wrapper{ + padding: 10rem 3rem; + } + .h1-title { + font-size: 7vh; + line-height: 8vh; + } + .home-wrapper-description { + + font-size: 5vw; + line-height: 6vh; + letter-spacing: 1px; + + } + +} + @media screen and (max-width: 768px) { + .content-items { display: flex; flex-direction: column; + } - .content-item-para-title { width: 100%; height: 100%; margin: 0 auto; padding: 5%; } - + .h1-title{ + font-size: 7vh; + } + .home-wrapper-description{ + font-size: 2.3vh; + } }