JSFiddle - React, Tailwind, and code Playground

by Useful Web

HTML

<div class="greeting">
  <h1 class="greeting__title">
    Поздравляю, вы стали обладателем квартиры в Сызрани!
  </h1>
  <div class="greeting__text">
    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae eum unde, iste necessitatibus perspiciatis expedita aliquam, ex earum eos reiciendis delectus hic! Inventore saepe, fugiat nam, cumque laborum nihil esse.</div>
    <div>Pariatur ea vero voluptate quisquam perferendis ab in, facere nesciunt nihil tenetur saepe molestiae magni quos, minus eveniet aliquid rem vel iure. Corporis itaque sunt fugiat at dignissimos id odio.</div>
    <div>Incidunt dolores, architecto, aperiam eveniet modi nemo expedita, accusamus commodi voluptatem inventore qui. Vel dolore unde ipsum quos. Soluta hic esse ullam consectetur, delectus vitae provident ad sequi molestias. Quas?</div>
    <div>Unde voluptatibus mollitia hic, accusantium porro sunt recusandae accusamus praesentium exercitationem a, dolore perferendis modi itaque dicta quibusdam rerum deleniti cupiditate ex. Ad suscipit officia explicabo, possimus tenetur dolores, cupiditate!</div>
    <div>Inventore ea assumenda nostrum velit. Quam sit temporibus repellendus omnis quo velit exercitationem pariatur quia nesciunt, esse possimus atque quae, natus, totam quos expedita molestiae modi adipisci sequi. Accusantium, libero?</div>
    <div>Officia, odio suscipit itaque, consequuntur libero perspiciatis ducimus repudiandae aspernatur iste mollitia. Eius facilis alias vel iusto dicta ducimus ut natus ex modi laboriosam ipsam maiores dolore, mollitia suscipit molestiae?</div>
    <div>Nemo accusamus, facere magni, dolorum, qui unde explicabo sunt eveniet assumenda accusantium quisquam fugit. Assumenda unde natus reiciendis, rem ea odio, aperiam. Quam aperiam et vitae nemo velit numquam necessitatibus!</div>
    <div>Asperiores accusantium, deserunt optio, eum libero necessitatibus quam, error nam magni officiis quas fugiat, fuga ab ex quidem sequi blanditiis vero odio...

CSS

.greeting {
  min-height: 40px;
  padding: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: blue;
}
.greeting__title {
  color: #fff;
  font-family: Arial;
  font-size: 20px;
}