JSFiddle - React, Tailwind, and code Playground

by mad_ada

HTML

<section class="promo">
        <div class="container">
            <div class="promo__logo">
                <img src="https://image.flaticon.com/icons/svg/2913/2913968.svg" alt="">
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas doloremque facilis dolorum. Veniam labore vel eveniet, ratione animi ab sint commodi, et quod. Architecto accusantium excepturi eos consequuntur eligendi suscipit, ipsum impedit labore fugiat rem, quis numquam, sapiente voluptatum, mollitia sequi quisquam totam. Laudantium cumque eius ducimus est dolorem esse tenetur nostrum eveniet totam! Incidunt perspiciatis eaque hic amet dolor, doloribus blanditiis id fugiat dolores, qui ab ipsam minima velit ducimus veritatis est eius mollitia suscipit voluptates maiores molestiae cumque, praesentium. Recusandae repellendus ex quidem optio, molestias facilis magni, dolore quos et blanditiis reiciendis esse numquam iusto cupiditate soluta perferendis.</p>
            </div>
        </div>
    </section>

CSS

html,
body {
height: 100%;
}
.container {
  max-width: 1140px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background: #232323;
  padding: 20px;
  color: #ffffff;
}
.promo__logo {
  width: 100%;
}
img {
  width: 50px;
  height: 50px;
}