задание 3

<link href="https://sites.google.com/site/mimomaxim2/3" 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="https://igalia.github.io/css-grid-layout/enable.html">grid-enabled browser</a>.
</div>
<div class="grid grid--4x4">

<div class="grid__item theme-pink grid align-center">
          
          <div class="content">
               <h2 class="heading">
               Заголовок грида

          </h2>
 <p class="description">В этой части блока может находиться любое содержимое, которое вы пропишите в исходном коде.</p>
          </div>
     </div>

<div class="grid__item theme-lightpink grid align-center">
          
          <div class="content">
               <h2 class="heading">
               Заголовок грида

          </h2>
 <p class="description">В этой части блока может находиться любое содержимое, которое вы пропишите в исходном коде.</p>
          </div>
     </div>

<div class="grid__item theme-mediumvioletred grid align-center">
          
          <div class="content">
               <h2 class="heading">
               Заголовок грида

          </h2>
 <p class="description">В этой части блока может находиться любое содержимое, которое вы пропишите в исходном коде.</p>
          </div>
     </div>

<div class="grid__item theme-palevioletred grid align-center">
          
          <div class="content">
               <h2 class="heading">
               Заголовок грида

          </h2>
 <p class="description">В этой части блока может находиться любое содержимое, которое вы пропишите в исходном коде.</p>
          </div>

     </div> </div>