From f0a8163e5836c8e0feb08480804b1e6dae53ebfb Mon Sep 17 00:00:00 2001 From: AftabMankapure Date: Mon, 19 Feb 2024 03:38:38 +0530 Subject: [PATCH 1/4] made about us page responsive --- assets/css_files/about.css | 64 ++++++++++---------------------------- 1 file changed, 16 insertions(+), 48 deletions(-) diff --git a/assets/css_files/about.css b/assets/css_files/about.css index 53369beb..3a340528 100644 --- a/assets/css_files/about.css +++ b/assets/css_files/about.css @@ -10,50 +10,48 @@ body { font-family: 'Playfair Display', serif; display: grid; background-image: url(../images/bg3.png); - background-repeat: no repeat; + background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: 50% 50%; - background-repeat: no repeat; align-content: center; min-height: 100vh; overflow-x: hidden; } .navbar { - width: calc(100% - 9.5px); + width: 100%; } section { display: flex; - grid-template-columns: 1fr 1fr; + flex-direction: column; /* Adjusted for responsiveness */ min-height: 70vh; - width: 78vw; + width: 90%; /* Adjusted for responsiveness */ margin: 0 auto; margin-top: -50px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); - border-radius: 12px + border-radius: 12px; } .image { background-color: #000000; display: flex; - border-radius: 12px 0 0 12px; - width: 110%; + border-radius: 12px 12px 0 0; /* Adjusted for responsiveness */ } .image img { - height: 300px; - margin-top: 80px; - margin-left: 10px; + width: 100%; /* Adjusted for responsiveness */ + height: auto; /* Adjusted for responsiveness */ + margin-top: 10px; /* Adjusted for responsiveness */ + margin-bottom: 10px; /* Adjusted for responsiveness */ } .content { background-color: #000000; justify-content: center; - flex-direction: column; align-items: center; - border-radius: 0 12px 12px 0; + border-radius: 0 0 12px 12px; /* Adjusted for responsiveness */ color: #fff; } @@ -200,50 +198,20 @@ section { font-size: 1.1em; display: inline-block; } - -@media(max-width: 900px) { +@media (max-width: 900px) { section { grid-template-columns: 1fr; width: 100%; - border-radius: none; + border-radius: 0; /* Adjusted for responsiveness */ } .image { - height: 100vh; - border-radius: none; + border-radius: 0; /* Adjusted for responsiveness */ } .content { - height: 80vh; - border-radius: none; - } - - .content h2 { - font-size: 20px; - margin-top: 50px; - } - - .content span { - margin: 20px 0; - } - - .content p { - font-size: 14px; - } - - .links li a { - font-size: 14px; + border-radius: 0; /* Adjusted for responsiveness */ } - .links { - margin: 5px 0; - } - .links li { - padding: 6px 10px; - } - - .icons li i { - font-size: 15px; - } -} \ No newline at end of file + \ No newline at end of file From 7179b7d8573b35f3f6bf72cdb7e2cea90b66bc7e Mon Sep 17 00:00:00 2001 From: AftabMankapure Date: Mon, 19 Feb 2024 03:51:13 +0530 Subject: [PATCH 2/4] update --- assets/css_files/about.css | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/assets/css_files/about.css b/assets/css_files/about.css index 3a340528..791133ae 100644 --- a/assets/css_files/about.css +++ b/assets/css_files/about.css @@ -10,34 +10,36 @@ body { font-family: 'Playfair Display', serif; display: grid; background-image: url(../images/bg3.png); - background-repeat: no-repeat; + background-repeat: no repeat; background-attachment: fixed; background-size: cover; background-position: 50% 50%; + background-repeat: no repeat; align-content: center; min-height: 100vh; overflow-x: hidden; } .navbar { - width: 100%; + width: calc(100% - 9.5px); } section { display: flex; - flex-direction: column; /* Adjusted for responsiveness */ + grid-template-columns: 1fr 1fr; min-height: 70vh; - width: 90%; /* Adjusted for responsiveness */ + width: 78vw; margin: 0 auto; margin-top: -50px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); - border-radius: 12px; + border-radius: 12px } .image { background-color: #000000; display: flex; - border-radius: 12px 12px 0 0; /* Adjusted for responsiveness */ + border-radius: 12px 0 0 12px; + width: 110%; } .image img { From 762b708e34c0710e56b75d3853578542f3b99d6c Mon Sep 17 00:00:00 2001 From: AftabMankapure Date: Mon, 19 Feb 2024 10:32:30 +0530 Subject: [PATCH 3/4] update --- assets/css_files/about.css | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/assets/css_files/about.css b/assets/css_files/about.css index 791133ae..214e1afd 100644 --- a/assets/css_files/about.css +++ b/assets/css_files/about.css @@ -43,10 +43,9 @@ section { } .image img { - width: 100%; /* Adjusted for responsiveness */ - height: auto; /* Adjusted for responsiveness */ - margin-top: 10px; /* Adjusted for responsiveness */ - margin-bottom: 10px; /* Adjusted for responsiveness */ + height: 300px; + margin-top: 80px; + margin-left: 10px; } .content { From d6e50835e2e1aa8b73545d3e24ab0979eaeeda0a Mon Sep 17 00:00:00 2001 From: Rakesh Roshan Date: Wed, 21 Feb 2024 22:49:40 +0530 Subject: [PATCH 4/4] Update about.css --- assets/css_files/about.css | 13 ++++++------- 1 file changed, 6 insertions(+), 7 deletions(-) diff --git a/assets/css_files/about.css b/assets/css_files/about.css index 214e1afd..4e31629e 100644 --- a/assets/css_files/about.css +++ b/assets/css_files/about.css @@ -52,7 +52,7 @@ section { background-color: #000000; justify-content: center; align-items: center; - border-radius: 0 0 12px 12px; /* Adjusted for responsiveness */ + border-radius: 0 0 12px 12px; color: #fff; } @@ -199,20 +199,19 @@ section { font-size: 1.1em; display: inline-block; } + @media (max-width: 900px) { section { grid-template-columns: 1fr; width: 100%; - border-radius: 0; /* Adjusted for responsiveness */ + border-radius: 0; } .image { - border-radius: 0; /* Adjusted for responsiveness */ + border-radius: 0; } .content { - border-radius: 0; /* Adjusted for responsiveness */ + border-radius: 0; } - - - \ No newline at end of file +}