Update styles.css

Update + added div container
Danielfww · Jun 13, 2024 · 9122666 · 9122666
1 parent 44230a4
commit 9122666
Showing 1 changed file with 38 additions and 17 deletions.
diff --git a/styles.css b/styles.css
@@ -1,16 +1,21 @@
 * {
   margin: 0;
   padding: 0;
-  box-sizing: border-box;
   font-family:"League Spartan";
+  box-sizing: border-box;
 }
 
+html {
+  height:100%;
+}
+
+
 body {
+  box-sizing: border-box;
   width:79.800rem;
-  height:42.800rem;
+  height:42.625rem;
   margin-top:7.375rem;
   margin-left:10.313rem;
-  display:grid;
   background-image: url("https://assets.codepen.io/11868974/bg-pattern-top-desktop.svg"), url("https://assets.codepen.io/11868974/bg-pattern-bottom-desktop.svg");
   background-repeat:no-repeat;
   background-position: left -2px top 0px,
@@ -19,6 +24,12 @@ body {
 
 }
 
+.container {
+  height:100%;
+  margin:0px;
+  box-sizing: border-box;
+}
+
 
 
 .h1 {
@@ -66,7 +77,8 @@ img {
   color:white;
   border-radius:10px;
   position:relative;
-  top:-78px;
+  top:30px;
+  left:-450px;
 }
 
 .images-2 {
@@ -78,8 +90,8 @@ img {
   color:white;
   border-radius:10px;
   position:relative;
-  left:380px;
-  top:-298px;
+  left:-425px;
+  top:45px;
 
 }
 
@@ -92,8 +104,8 @@ img {
   color:white;
   border-radius:10px;
   position:relative;
-  left:760px;
-  top:-518px;
+  left:758px;
+  top:-175px;
 }
 
  .portrait{
@@ -143,12 +155,12 @@ img {
     display:inline-flex;
     width:27.813rem;
     height:3.438rem;
-    background:rgb(247,242,248);
+  background:rgb(247,242,248);
     color:hsl(300, 43%, 22%);
     font-weight:700;
     position:relative;
-    left:620px;
-    top:-185px;
+    left:165px;
+    top:-131px;
     border:none;
 
   }
@@ -158,12 +170,12 @@ img {
     display:inline-flex;
     width:27.813rem;
     height:3.438rem;
-    background:rgb(247,242,248);
+  background:rgb(247,242,248);
     color:hsl(300, 43%, 22%);
     font-weight:700;
     position:relative;
-    left:665px;
-    top:-170px;
+    left:660px;
+    top:-122px;
     border:none;
 
   }
@@ -233,8 +245,14 @@ div {
   body {
     margin: 0 auto;
     padding: 0 auto;
-    width: 410px;
+    width: 375px;
     height: 1530px;
+    background-image:none;
+  }
+
+  .container {
+    width:345px;
+
   }
 
   .h1 {
@@ -301,8 +319,8 @@ div {
   }
 
   .images-1 {
-    display:inline-flex;
-    top:30px;
+    position:relative;
+    left:0px;
   }
 
   .images-2 {
@@ -347,3 +365,6 @@ div {
     left:-120px;
     top:10px;
   }
+
+
+