Fixed Feed

RomanMartseniuk · Jul 7, 2023 · 3279c84 · 3279c84
1 parent b9adb43
commit 3279c84
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 3 deletions.
diff --git a/css/adaptive.css b/css/adaptive.css
@@ -168,6 +168,15 @@
     justify-content: center;
     gap: 50px;
   }
+  .feed__container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  }
+  .feed_title {
+    text-align: center;
+  }
 }
 @media (max-width: 479.98px) {
   .intro__suptitle {

diff --git a/css/style.css b/css/style.css
@@ -664,7 +664,7 @@ body {
   padding-bottom: 200px;
 }
 
-.feeg_title {
+.feed_title {
   color: #000;
   font-size: 40px;
   font-family: Manrope;

diff --git a/index.html b/index.html
@@ -268,7 +268,7 @@ <h2>8 Room</h2>
          </section>
          <section class="feed">
             <div class="feed__container">
-               <h1 class="feeg_title">Loved by businesses, and individuals across the globe.</h1>
+               <h1 class="feed_title">Loved by businesses, and individuals across the globe.</h1>
                <div class="feed__main main-feed">
                   <div class="main-feed__item item-main-feed">
                      <div class="item-main-feed__stars"><img src="img/feed/04.png" alt=""></div>

diff --git a/scss/adaptive.scss b/scss/adaptive.scss
@@ -199,6 +199,17 @@
    justify-content: center;
    gap: 50px;
   }
+
+  .feed__container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .feed_title {
+    text-align: center;
+  }
 }
 @media (max-width: 479.98px) {
   .intro__suptitle {

diff --git a/scss/style.scss b/scss/style.scss
@@ -668,7 +668,7 @@ body {
 }
 .feed__container {
 }
-.feeg_title {
+.feed_title {
   color: #000;
   font-size: 40px;
   font-family: Manrope;