Грид

<link href="https://sites.google.com/site/alexcoolka/1610.css" rel="stylesheet" type="text/css"></link>
<div class="support-warning">
    This demo requires CSS Grid. The current browser you're using doesn't support it and is using a Flexbox fallback. Find a <a href="/css-grid-layout/enable.html">grid-enabled browser</a>.
</div>
<div class="grid grid--4x4">
<div class="grid__item theme-red grid align-center">
         
          <div class="content">
               <h2 class="heading">
               Заголовок

          </h2>
 <p class="description">Листья падают с дуба ясеня, ничего себе! Мы остаюмся вдвоем, помню я име твое.</p>
          </div>
     </div>
<div class="grid__item theme-maroon grid align-center">
         
          <div class="content">
               <h2 class="heading">
               Зачем

          </h2>
 <p class="description">Я свободен, словно птица в небесах. Я словобенд, я забыл, что значит</p>
          </div>
     </div>
<div class="grid__item theme-aqua grid align-center">
         
          <div class="content">
               <h2 class="heading">
               Что такое

          </h2>
 <p class="description">Что такое осень, это небо. Вдохновляющее небо под ногами. </p>
          </div>
     </div>
<div class="grid__item theme-teal grid align-center">
         
          <div class="content">
               <h2 class="heading">
               Жиза

          </h2>
 <p class="description">Листья не падают с дуба ясеня, ничего себе! Мы остаюмся вдвоем, помню я име твое.</p>
          </div>
     </div>