JSFiddle - React, Tailwind, and code Playground

by danya_postfactum

HTML

<div class="block-vertical-middle">Блок по центру страницы</div>

CSS

.block-vertical-middle {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 80%;
  height: 70%;
  max-width: 100%;
  font-size: 14px; /* font-size: 1rem; */
  border: 1px solid #f00;
}