Add gray box to the text

FAC-community · Sep 24, 2024 · 487070a · 487070a
1 parent ebeae6a
commit 487070a
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/css/main.css b/css/main.css
@@ -14,4 +14,18 @@
 .tiny-text {
     font-size: 12px;
     font-family:Verdana, Geneva, Tahoma, sans-serif;
+}
+
+.flex {
+    display: flex;
+    justify-content: center;
+    width: 100%;
+}
+
+.box {
+    background-color: gray;
+    padding: 20px;
+    display: inline;
+    text-align: center;
+    border-radius: 20px;
 }
diff --git a/index.html b/index.html
@@ -7,6 +7,8 @@
 <body>
     <h1 class="huge-text">Connex's <span class="tiny-text">little</span> Piece of the Internet
     </h1>
-    <p>We went to Old Street. We made a webpage. We added some CSS. We thought what to do next...</p>
+    <div class="flex">
+        <p class="box">We went to Old Street. We made a webpage. We added some CSS. We thought what to do next...</p>
+    </div>
 </body>
 </html>