JSFiddle - React, Tailwind, and code Playground

HTML

<header class="header">
  <h1 class="title header__title">
    Заголовок хедер
  </h1>
</header>

<footer class="footer">
  <h1 class="title footer__title">
    Заголовок футер
  </h1>
</footer>

SASS

.title
   font-size: 30px
   font-weight: 700
   line-height: 1.4
   font-family: sans-serif
   color: #000


.header
  background-color: #ccc
  padding: 10px
  &__title
    color: red
 
.footer 
  background-color: #000
  padding: 12px
  &__title
    color: #fff