<header class="header">навигация и еще что нибудь</header>
<acticle class="article">
  <div class="fullscreen">
    <h1>Заголовок страницы</h1>
  </div>
  <div class="content">Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.</div>
</acticle>
<section class="channel">
  <section class="author"><p>I am author</p></section>
  <section class="feed">
    <div class="feed__item"></div>
    <div class="feed__item"></div>
    <div class="feed__item"></div>
    <div class="feed__item"></div>
    <div class="feed__item"></div>
    <div class="feed__item"></div>
  </section>
</section>

<footer class="footer">Подвал</footer>

.header {
  width: 100%;
  padding: 25px;
  background-color: grey;
  text-align: center;
}

.article {
  
}

.fullscreen {
  background-color: red;
  width: 100%;
  height: calc(100vh - 100px);
  display: flex;
}

h1 {
  margin: auto;
}

.content {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  padding: 50px 0;
}

.author {
  
  padding: 50px 0;
  background-color: #000;
}

.author p {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  color: white;
  text-align: center;
}

.feed {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(auto-fit, 300px);
  grid-gap: 10px;
  max-width: 950px;
  margin: 60px auto;
}

.feed__item {
  width: 300px;
  height: 300px;
  background-color: green;
}

.footer {
  width: 100%;
  padding: 25px;
  background-color: grey;
  text-align: center;
}