From 25b2bb05e32ab64542e9a98d25cee288e60cbaa8 Mon Sep 17 00:00:00 2001
From: Koshmak Nataliia <koshmaknatali@gmail.com>
Date: Mon, 2 Dec 2024 11:31:42 -0700
Subject: [PATCH] added divs

---
 src/index.html                    | 17 ++++++++++-------
 src/styles/blocks/what-we-do.scss |  8 ++++----
 2 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/src/index.html b/src/index.html
index ff41a7579..d7bafdcad 100644
--- a/src/index.html
+++ b/src/index.html
@@ -179,11 +179,12 @@ <h2 class="card__title">Branding</h2>
                   src="./images//what-we-do/second.png"
                   alt="communication"
                 >
-
-                <h2 class="card__title">Communication</h2>
-                <p class="card__info">
+                <div class="card__text-block">
+                  <h2 class="card__title">Communication</h2>
+                  <p class="card__info">
                   We strive to create communications that can increase media performance. We use everything — words, meanings, stories, art, movies.
-                </p>
+                  </p>
+                </div>
               </div>
 
               <div class="card">
@@ -193,10 +194,12 @@ <h2 class="card__title">Communication</h2>
                   alt="strategy"
                 >
 
-                <h2 class="card__title">Strategy</h2>
-                <p class="card__info">
+                <div class="card__text-block">
+                  <h2 class="card__title">Strategy</h2>
+                  <p class="card__info">
                   We create business growth strategies, from the moment of its birth to the achievement of the necessary business indicators.
-                </p>
+                  </p>
+                </div>
               </div>
             </div>
           </div>
diff --git a/src/styles/blocks/what-we-do.scss b/src/styles/blocks/what-we-do.scss
index fef302c88..6a4aed11c 100644
--- a/src/styles/blocks/what-we-do.scss
+++ b/src/styles/blocks/what-we-do.scss
@@ -30,14 +30,13 @@
     @include page-grid;
 
     place-items: center;
-    column-gap: 40px;
   }
 }
 
 .card {
+  grid-column: 1/-1;
   width: 100%;
   height: 100%;
-  grid-column: 1/-1;
   place-items: center;
   cursor: pointer;
 
@@ -48,7 +47,8 @@
 
   @include on-desktop {
     grid-column: span 4;
-    width: 166px;
+    width: 214px;
+
   }
 
   &__text-block {
@@ -60,7 +60,7 @@
     }
 
     @include on-desktop {
-      text-align: justify;
+      grid-column: span 3;
     }
   }