Fixes the Border radius Issues and Newsletter Alignment

SurajPratap10 · Oct 12, 2024 · deef3e3 · deef3e3
1 parent 1bde9de
commit deef3e3
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 8 deletions.
diff --git 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
@@ -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
@@ -39,31 +39,31 @@
             <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>
                     <p>Photograph of an astronaut riding a horse.</p>
                     <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>
                     <p>An oil painting of a capybara wearing a crown.</p>
                     <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>
                     <p>Synthwave sports car on a port road.</p>
                     <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>