commit

ict/page/index.html

@@ -22,13 +22,13 @@
     <h1>Gifs</h1>
     <div class="carddiv">
         <div class="card">
-            <img class="card" src="https://c.tenor.com/ku6cm9FzuQsAAAAC/m4kktruck-getintoitya.gif" alt="">
+            <h1>Card 1</h1>
         </div>
         <div class="card">
-            <img class="card" src="https://c.tenor.com/NAOXKZSLT90AAAAC/hasbulla-hasbullah.gif" alt="">
+            <h1>Card 2</h1>
         </div>
         <div class="card">
-            <img class="card" src="https://c.tenor.com/wdrYl8JXEdgAAAAM/hasbulla-kick.gif" alt="">
+            <h1>Card 3</h1>
         </div>
     </div>
 </body>

ict/page/style.css

@@ -27,6 +27,9 @@ article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
 	display: block;
 }
+* {
+    overflow-x: hidden;
+}
 body {
 	line-height: 1;
 }
@@ -62,9 +65,9 @@ table {
 }
 
 header {
-    width: 99%;
+    width: 100%;
     height: 400px;
-    overflow:unset;
+
     text-align: center;
     display: block;
     padding-top: 15%;
@@ -102,7 +105,7 @@ li a {
     justify-content: center;
 }
 
-.card {
+.card img {
     width: 250px;
     height: 300px;
     display: block;
@@ -113,7 +116,14 @@ li a {
 .card {
     width: 250px;
     height: 300px;
+    text-align: center;
     display: block;
+    border: 1px;
+    border-color: black;
+    border-style: solid;
+    border-radius: 10px;
+    margin-left: auto;
+    margin-right: auto;
 }
 
 @media screen and (max-width: 768px) {