JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="ru">  
  <head>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <title>Барбершоп Бородинский</title>
  </head>
  
  <body>
    <header class="main-header">
      <nav class="main-header-navs">
        <a href="#">
          <img src="img/header-logo.svg" width="360" height="160" alt="Логотип барбершопа Бородинский">
        </a>
        <ul class="navs-list">
          <li>Информация</li>
          <li>Новости</li>
          <li>Прайс-лист</li>
          <li>Магазин</li>
          <li>Контакты</li>
        </ul>
        <ul class="main-header-login">
          <li><button type="button">Вход</button></li>
        </ul>
      </nav>
    </header>
    <main>
      <h1 class="visually-hidden">Барбершоп Бородинский</h1>
      <section class="main-header-features">
        <h2 class="visually-hidden">Преимущества барбершопа Бородинский</h2>
        <ul class="features-list">
          <li><h3>Быстро</h3>
            <p>Мы делаем свою работу быстро! два часа<br> 
               пролетят незаметно и вы — счастливый<br> 
               обладатель стильной стрижки-минутки!</p>
          </li>
          <li><h3>Круто</h3>
            <p>Забудьте, как вы стриглись раньше.<br>
               мы сделаем из вас звезду футбола или кино!<br>
               во всяком случае внешне.
              </p>
          </li>
          <li>
            <h3>Дорого</h3>
            <p>Наши мастера — профессионалы своего дела и<br>
                не могут стоить дешево. к тому же, разве цена<br>
                не дает определеный статус?</p>
            </li>
        </ul>
      </section>       
      <div class="main-contentbox">
        <section class="main-contentbox-news">
          <h2>Новости</h2>
          <p>Нам наконец завезли ягермайстер! теперь вы можете<br>
             пропустить стаканчик во время стрижки</p>
            <time datetime="2020-01-11">11 января</time>
          <p>В нашей команде пополнение, борис «бритва»...

CSS

.visually-hidden {
  visibility: hidden;
  position: fixed;
}