JSFiddle - React, Tailwind, and code Playground

by NMitra

HTML

<body>
  <header>«Крестьянские дети»</header>
  <main>Однажды, в студеную зимнюю пору,
Я из лесу вышел; был сильный мороз.
Гляжу, поднимается медленно в гору
Лошадка, везущая хворосту воз.</main>
  <footer>Автор: Николай Алексеевич Некрасов</footer>
</body>

CSS

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
}
main {
  flex: 1;
  white-space: pre-line;
  -ms-flex-preferred-size: auto;
}
header, footer {   
  background-color: #abc;
}