Circles

taniarascia · Jul 3, 2022 · 8078f51 · 8078f51
1 parent 4d2128e
commit 8078f51
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -35,7 +35,7 @@ export default function Index({ data }) {
             This is my digital garden. 🌱
           </p>
         </Hero>
-        <div>
+        <div className="decoration">
           <div className="circles">
             <div className="circle rainbow-1" />
             <div className="circle rainbow-2" />

diff --git a/src/styles/layout.css b/src/styles/layout.css
@@ -17,10 +17,14 @@ main {
   .hero-container {
     display: flex;
     align-items: center;
-    gap: 1rem;
+    gap: 3rem;
   }
 }
 
+.decoration {
+  width: 60%;
+}
+
 .hero {
   padding: 1.5rem 0 0;
   position: relative;