JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main-wrapper">
<div class="wrapper">
<div class="column-center-center">
            <img src="img/navalny.png" alt="navalny">
            <h4>
              Алексей Навальный объявил акцию против пенсионной реформы 1 июля
            </h4>
            <p>
              <a href="#">/ Политика</a>&nbsp;
              <img src="img/icon-time.png" alt="icon-time"> 15:48
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="img/icon-comments.png" alt=""> 15
            </p>
          </div>
          <div class="column-center-center">
            <img src="img/passport.png" alt="passport">
            <h4>
              Дума увеличила пошлины за выдачу загранпаспортов и водительских прав
            </h4>
            <p>
              <a href="#">/ Общество</a>&nbsp;
              <img src="img/icon-time.png" alt="icon-time"> 15:56
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="img/icon-comments.png" alt=""> 10
            </p>
          </div>
          <div class="column-center-center">
            <img src="img/girl.png" alt="girl">
            <h4>
              В России заработал стриминговый сервис </br>YouTube
            </h4>
            <p>
              <a href="#">/ Интернет</a>&nbsp;
              <img src="img/icon-time.png" alt="icon-time"> 15:48
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="img/icon-comments.png" alt=""> 15
            </p>
          </div>
          <div class="column-center-center">
            <img src="img/football.png" alt="navalny">
            <h4>
              Кейн признан лучшим </br>игроком матча ЧМ-2018 </br>Тунис — Англия
            </h4>
            <p>
              <a href="#">/ Политика</a>&nbsp;
              <img src="img/icon-time.png" alt="icon-time"> 15:48
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="img/icon-comments.png" alt=""> 15
            </p>
          </div>
</div>
</div>

CSS

.main-wrapper{
 display: flex;
 justify-content: center;
}
.wrapper{
   width: 444px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.column-center-center {
  float: left;
  width: 50%;
  height: 233px;
  margin-top: 19px;
  margin-bottom: 10px;
}

    .column-center-center h4 {
      font-size: 14px;
      margin-top: 4px;
      margin-bottom: 0;
    }

    .column-center-center p {
      font-size: 12px;
    }

    .column-center-center a {
      padding: 3px;
      text-decoration: none;
      color: #a9a9b3;
    }

    .column-center-center p img {
      display: inline-block;
      vertical-align: top;
    }