resp done

TeJasx16 · Jun 23, 2022 · 117aade · 117aade
1 parent 8b47c76
commit 117aade
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 4 deletions.
diff --git a/index.css b/index.css
@@ -36,8 +36,8 @@
 }
 
 #atext{
-     margin-top: 2rem;
-   padding: 1px 60px;
+     margin-top: 1.5rem;
+   padding: 1px 4rem;
     color: hsl(193, 38%, 86%);
     font-size: 28px;
     text-align: center;
@@ -48,7 +48,7 @@
 #bd{
     display: flex;
     justify-content: space-between;
-    margin: 2rem 0;
+    margin: 1rem 0;
 }
 #bd p{
    width: 35%;
@@ -63,6 +63,27 @@
     border-radius: 4px;
 }
 
+#next{
+    justify-content: center;
+
+        display: flex;
+}
+#next svg:hover{
+    transition: all;
+    transition-duration: 0.0ms;
+    transition-timing-function: ease-in;
+    box-shadow: 1px 0px 4px 5px hwb(150 32% 0%);
+    padding: 12px;
+    margin: 6px;
+}
+#next svg{
+    cursor: pointer;
+    border-radius: 10rem;
+background-color: hsl(150, 100%, 66%);
+    padding: 10px;
+    margin: 5px;
+}
+
 
 @media only screen and (max-width:600px) {
 
@@ -78,7 +99,7 @@
 
   }
     #atext{
-        font-size: 18px;
+        font-size: 20px;
         padding: 0 1rem;
     }
     #aid{

diff --git a/index.html b/index.html
@@ -47,6 +47,11 @@
         <span></span>
         <p></p>
       </div>
+<div id="next">
+
+  <svg width="24" height="24" xmlns="https://www.w3.org/2000/svg"><path d="M20 0H4a4.005 4.005 0 0 0-4 4v16a4.005 4.005 0 0 0 4 4h16a4.005 4.005 0 0 0 4-4V4a4.005 4.005 0 0 0-4-4ZM7.5 18a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm0-9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm4.5 4.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm4.5 4.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm0-9a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z" fill="#202733"/></svg>
+</div>
+
     </div>
 
   </div>