JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div class="wrapper__item">
    <strong>Main</strong> information Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi quasi asperiores voluptate possimus, ducimus aut eos omnis ullam rerum molestias fuga saepe voluptas vel quam alias eaque quisquam ratione nemo. Lorem
    ipsum dolor sit amet consectetur adipisicing elit. Excepturi quasi asperiores voluptate possimus, ducimus aut eos omnis ullam rerum molestias fuga saepe voluptas vel quam alias eaque quisquam ratione nemo.
  </div>
  <div class="wrapper__item">
    <strong>Gallery</strong> Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi quasi asperiores voluptate possimus, ducimus aut eos omnis ullam rerum molestias fuga saepe voluptas vel quam alias eaque quisquam ratione nemo. Lorem ipsum
    dolor sit amet consectetur adipisicing elit.
  </div>
  <div class="wrapper__item">
    <strong>Amenities</strong> Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi quasi asperiores voluptate possimus, ducimus aut eos omnis ullam rerum molestias fuga saepe voluptas vel quam alias eaque quisquam ratione nemo.
  </div>
  <div class="wrapper__item">
    <strong>Description</strong> Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi quasi asperiores voluptate possimus, ducimus aut eos omnis ullam rerum molestias fuga saepe voluptas vel quam alias eaque quisquam ratione nemo.
  </div>
</div>

CSS

*,
*:before,
*:after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
}

.wrapper {
  display: flex;
  flex-wrap: wrap;
}

.wrapper__item {
  flex: 0 0 50%;
  border: 1px solid gray;
}