Updating CSS

GregJordanSr · Feb 3, 2022 · 9f5f84b · 9f5f84b
1 parent 5d5f039
commit 9f5f84b
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 19 deletions.
diff --git a/css/style.css b/css/style.css
@@ -1,25 +1,32 @@
 body {
     box-sizing: border-box;
-    background: #aacdee;
+    background: hsl(212, 45%, 89%);
+
 }
+
+
 main {
-    /* display: flex;
+    /* border: 10px solid orange; */
+    max-width: 300px;
+    background: hsl(0, 0%, 100%);
+    border-radius: 25px;
+    display: flex;
     flex-direction: column;
-    justify-content: center; */
-    display: grid;
-    justify-content: center;
 
-}
-.section {
-    display: flex;
+    /* display: grid;
     justify-content: center;
-    /* max-width: 100%;
-    max-height: 100%; */
-    background: #fff;
-    border: 1px solid #000;
+    grid-row: : 3fr 1fr; */
+}
+/* .section {
+    text-align: center;
+    display: grid;
+    justify-items: center;
+    padding: 20px;
+    width: 100%;
+    
 
+} */
+.section img {
+    width: 100%;
 }
-.section-2 {
-    display: block;
-    justify-content: center;
-}
+
diff --git a/index.html b/index.html
@@ -18,11 +18,12 @@
 <body>
 
   <main>
-    <section class="section">
+    <section class="section section-1">
       <img src="/images/image-qr-code.png" alt="QR Code" class="image">
-    </section>
 
-    <section class="section section-2">
+
+    </section>
+    <section class="section">
       <p class="text text-1">
         Improve your front-end skills by building projects
       </p>