fix about us image design

The padding has been replaced with border, and both the image and it's parent have box-sizing: border-box, so it now keeps the same width on the 3 borders of each element.
HectorVilas · Apr 28, 2023 · ccd7dd0 · ccd7dd0
1 parent e7d5f2d
commit ccd7dd0
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/styles/home.css b/styles/home.css
@@ -108,12 +108,12 @@
   width: 100%;
   display: flex;
   align-items: center;
-  background-color: var(--color-2);
   overflow: hidden;
-  padding: 68px;
-  padding-right: 0;
+  border: 68px solid var(--color-2);
+  border-right: none;
 }
 .home-about-image-div img {
+  box-sizing: border-box;
   width: auto;
   height: 100%;
   border: 46px solid #FEFFFF;