JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="buttons">
  <li><a href="#">Пенсионное обеспечение граждан</a></li>
  <li><a href="#">Социальная поддержка населения</a></li>
  <li><a href="#">Социальная поддержка семей с детьми, пожилых граждан и инвалидов</a></li>
  <li><a href="#">Социальная поддержка семей, имеющих детей</a></li>
  <li><a href="#">Адресная социальная помощь</a></li>
  <li><a href="#">Реабилитация и социальная адаптация инвалидов</a></li>
</ul>

CSS

.buttons {
    width: 980px;
}

.buttons li {
    width: 279px;
    height: 62px;
    background-color: blue;
    margin: 14px;
    float: left;
}