update some css

exodus-tola-mindCoder · exodus-tola-mindCoder · commit b9fa8c82ded3 · 2024-07-17T16:53:06.000-12:00
diff --git a/001-expanding cards/index.html b/001-expanding cards/index.html
@@ -3,12 +3,12 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <!-- <link
+    <link
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
       integrity="sha512-+4zCK9k+qNFUR5X+cKL9EIR+ZOhtIloNl9GIKS57V1MyNsYpYcUrUeQc9vNfzsWfV28IaLL3i96P9sdNyeRssA=="
       crossorigin="anonymous"
-    /> -->
+    />
     <link rel="stylesheet" href="style.css" />
     <title>Expanding cards</title>
   </head>
diff --git a/001-expanding cards/style.css b/001-expanding cards/style.css
@@ -6,7 +6,7 @@
 
 body {
   font-family: "Muli", sans-serif;
-  display: flex;
+  display: block;
   align-items: center;
   justify-content: center;
   height: 100vh;
@@ -15,8 +15,9 @@ body {
 }
 
 .container {
-  display: flex;
-  width: 90vw;
+  display: block;
+  width: 90vh;
+
 }
 
 .panel {
@@ -27,6 +28,7 @@ body {
   border-radius: 50px;
   color: #fff;
   cursor: pointer;
+  display: block;
   flex: 0.5;
   margin: 10px;
   position: relative;
@@ -45,6 +47,7 @@ body {
 
 .panel.active {
   flex: 5;
+
 }
 
 .panel.active h3 {
