From deef3e392bbbf966c27252a7a0661f294b85f1db Mon Sep 17 00:00:00 2001
From: Rupesh Varshney <146447594+rupeshv2121@users.noreply.github.com>
Date: Sat, 12 Oct 2024 20:04:32 +0530
Subject: [PATCH] Fixes the Border radius Issues and Newsletter Alignment

---
 public/css/silder.css |  2 +-
 public/css/style.css  | 10 +++++++---
 views/home.ejs        |  8 ++++----
 3 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/public/css/silder.css b/public/css/silder.css
index a0917fc3..951361fe 100644
--- a/public/css/silder.css
+++ b/public/css/silder.css
@@ -5,7 +5,7 @@ padding-top:50px;
     background-image: url(..//images/on.png);
     background-size: cover;
     font-family: 'Roboto Condensed', sans-serif;
-    height: 100%;
+    height: 65rem;
 }
  
 #team h2 {
diff --git a/public/css/style.css b/public/css/style.css
index 768675c1..69fb5350 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1043,7 +1043,7 @@ footer {
   height: 15vh;
   width: 100%;
   color: white;
-  margin-top: 5rem;
+  /* margin-top: 5rem; */
 }
 
 footer a {
@@ -3926,7 +3926,7 @@ footer {
   height: 15vh;
   width: 100%;
   color: white;
-  margin-top: 5rem;
+  /* margin-top: 5rem; */
 }
 
 footer a {
@@ -6736,7 +6736,7 @@ footer a:hover {
 footer {
   width: 100%;
   color: white;
-  margin-top: 5rem;
+  /* margin-top: 5rem; */
 }
 
 footer a {
@@ -9656,6 +9656,7 @@ button,
   z-index: 2;
   transition: 0.5s all;
   opacity: 0;
+  border-radius: 2rem;
 }
 
 .cardEx:hover:before {
@@ -9669,6 +9670,7 @@ button,
   position: absolute;
   top: 0;
   left: 0;
+  border-radius: 2rem;
 }
 
 .cardEx .info {
@@ -9949,6 +9951,7 @@ img {
   padding: 20px 100px;
   margin: 60px 0;
   margin-top: 120px;
+  margin-bottom: -1.5rem;
 }
 
 #newsletter .news-text h4 {
@@ -10815,6 +10818,7 @@ form {
   width: 60%;
   height: 100%;
   object-fit: cover;
+  border-radius: 2rem;
 }
 
 .container1 .about-image {
diff --git a/views/home.ejs b/views/home.ejs
index b379868a..2bb7df63 100644
--- a/views/home.ejs
+++ b/views/home.ejs
@@ -39,7 +39,7 @@
             <div class="di">
               <h1>Some examples of images generated through DALL-E2</h1>
               <div class="wrapper">
-                <div class="cardEx float-in">
+                <div class="cardEx float-in" style="border-radius: 2rem;">
                   <img loading="lazy" id="expImg1" src="1.webp" alt="Photograph of astronaut riding horse">
                   <div class="info">
                     <h1>Horse</h1>
@@ -47,7 +47,7 @@
                     <button class="btn" aria-label="Download" onclick="downloadImage('expImg1')"> Download</button>
                   </div>
                 </div>
-                <div class="cardEx float-in">
+                <div class="cardEx float-in" style="border-radius: 2rem;">
                   <img loading="lazy" id="expImg2" src="2.webp" alt="oil painting of capybara wearing crown">
                   <div class="info">
                     <h1>Capybara</h1>
@@ -55,7 +55,7 @@
                     <button class="btn" aria-label="Download" onclick="downloadImage('expImg2')">Download</button>
                   </div>
                 </div>
-                <div class="cardEx float-in">
+                <div class="cardEx float-in" style="border-radius: 2rem;">
                   <img loading="lazy"  id="expImg3" src="3.webp" alt="Synthwave sports car">
                   <div class="info">
                     <h1>Sports Car</h1>
@@ -63,7 +63,7 @@
                     <button class="btn"  aria-label="Download" onclick="downloadImage('expImg3')"> Download </button>
                   </div>
                 </div>
-                <div class="cardEx float-in">
+                <div class="cardEx float-in" style="border-radius: 2rem;">
                   <img loading="lazy" id="expImg4" src="4.webp" alt="astronaut lounging in a resort">
                   <div class="info">
                     <h1>Astronaut</h1>