Здравствуйте. У меня не получились эти блоки. Подскажите, как правильно?

<section class="news">
      <div class="container">
        <h4 class="news__title">Последние Новости</h4>
        <div class="news__grid">
          <div class="news__grid-item news__grid-item-1">
            <div class="news__grid-inner">
              <img src="images/news-1.jpg" alt="" />
            </div>
            <p class="news__grid-text">3Д в брендинге</p>
          </div>
          <div class="news__grid-item news__grid-item-2">
            <div class="news__grid-inner">
              <img src="images/news-2.jpg" alt="" />
            </div>
            <p class="news__grid-text">Контекстная реклама</p>
          </div>
          <div class="news__grid-item news__grid-item-3">
            <div class="news__grid-inner">
              <img src="images/news-3.jpg" alt="" />
            </div>
            <p class="news__grid-text">Графика</p>
          </div>
          <div class="news__grid-item news__grid-item-4">
            <div class="news__grid-inner">
              <img src="images/news-4.jpg" alt="" />
            </div>
            <p class="news__grid-text">Корпоративная культура</p>
          </div>
          <div class="news__grid-item news__grid-item-5">
            <div class="news__grid-inner">
              <img src="images/news-5.jpg" alt="" />
            </div>
            <p class="news__grid-text">Уникальный дизайн</p>
          </div>
          <div class="news__grid-item news__grid-item-6">
            <div class="news__grid-inner">
              <img src="images/news-6.jpg" alt="" />
            </div>
            <p class="news__grid-text">Взгляд со стороны</p>
          </div>
          <div class="news__grid-item news__grid-item-7">
            <div class="news__grid-inner">
              <img src="images/news-7.jpg" alt="" />
            </div>
            <p class="news__grid-text">Соц сети и их польза</p>
          </div>
          <div class="news__grid-item news__grid-item-8">
            <div class="news__grid-inner">
              <img src="images/news-8.jpg" alt="" />
              <p class="news__grid-text">Эксклюзивность</p>
            </div>
            <p class="news__grid-text">Эксклюзивность</p>
          </div>
        </div>
      </div>
    </section>
    
     <ul class="footer__social-list">
          <li class="footer__social-item">
            <a class="footer__social-link" href=""
              ><img src="images/facebook.svg" alt=""
            /></a>
          </li>
          <li class="footer__social-item">
            <a class="footer__social-link" href=""
              ><img src="images/coogle.svg" alt=""
            /></a>
          </li>
          <li class="footer__social-item">
            <a class="footer__social-link" href=""
              ><img src="images/twitter.svg" alt=""
            /></a>
          </li>
          <li class="footer__social-item">
            <a class="footer__social-link" href=""
              ><img src="images/pinterest.svg" alt=""
            /></a>
          </li>
        </ul>