diff --git a/assets/css/styles.css b/assets/css/styles.css index 588ca4f..a577bb3 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -276,6 +276,7 @@ img.menu__img { .home__img{ width: 300px; justify-self: center; + border-radius: 20%; } /*========== BUTTONS ==========*/ @@ -306,33 +307,42 @@ img.menu__img { .about__img{ width: 280px; border-radius: .5rem; - justify-self: center; + margin-bottom: var(--mb-3); + margin-bottom: 50%; } /*========== SERVICES ==========*/ .services__container{ - row-gap: 2.5rem; - grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); + row-gap: 0.5rem; + grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); + margin-top: -2rem; + padding-top: 1rem; + } +.services__container.bd-grid{ margin-top: 0%;} +.section_title{ margin-bottom: 1rem;} .services__content{ text-align: center; + margin-top: 0rem; } .services__img{ width: 64px; height: 64px; fill: var(--first-color); - margin-bottom: var(--mb-2); + margin-bottom: 0%; + margin-top: 0%; } .services__title{ font-size: var(--h3-font-size); color: var(--title-color); - margin-bottom: var(--mb-1); + margin-bottom:0%; } .services__description{ + margin-bottom: 50%; padding: 0 1.5rem; } diff --git a/images (1).jpeg b/images (1).jpeg new file mode 100644 index 0000000..aec4153 Binary files /dev/null and b/images (1).jpeg differ diff --git a/images.jpeg b/images.jpeg new file mode 100644 index 0000000..7f8d732 Binary files /dev/null and b/images.jpeg differ diff --git a/index.html b/index.html index 95ce47a..ea25385 100644 --- a/index.html +++ b/index.html @@ -53,7 +53,7 @@
+
@@ -69,7 +69,7 @@
+
@@ -77,10 +77,10 @@