JSFiddle - React, Tailwind, and code Playground

by Hastig Z

HTML

<div class="section">block 1</div>
<div class="section">block 2</div>
<div class="section">block 3</div>

CSS

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
.section {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
}
.section:nth-child(1) { background-color: hsla(0, 0%, 50%, 1); }
.section:nth-child(2) { background: url("https://i.imgur.com/hHBx4Ji.jpg") no-repeat fixed center; }
.section:nth-child(3) { background-color: hsla(50, 30%, 70%, 1); }