intro-bootstrap5.html

 
<div class="container">
  <div class="row">
 
    <div class="col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3" >
      <p><a href="https://thecode.media/baboolya/">Задача про бабушку и помидоры</a></p>
      <p><a href="https://thecode.media/electrician/">Хитрый электрик</a></p>
    </div> 
 
    <div class="col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3">
      <p><a href="https://thecode.media/le-timer/">Как сделать свой таймер-напоминалку</a></p>  
      <p><a href="https://thecode.media/sublime-one-love/">Почему Sublime Text — это круто</a></p>
    </div>
 
    <div class="col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3">
      <p><a href="https://thecode.media/est-tri-shkatulki/">Поговорим о Якубовиче</a></p>
      <p><a href="https://thecode.media/content-manager/">Как стать контент-менеджером</a></p>
    </div>  
 
    <div class="col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3">
      <p><a href="https://thecode.media/batareyki-besyat/">Задача про сторожа и фонарик</a></p>
      <p><a href="https://thecode.media/variables/">О названиях функций</a></p>
    </div>  
 
  </div>
</div>