JSFiddle - React, Tailwind, and code Playground

by Artem Borovikov

HTML

<div class="about-grid">
  <div class="about-title"></div>
  <div class="about-text"></div>
  <div class="about-media"></div>
</div>

CSS

.about-grid {
    display: flex;
    align-items: center;
    margin-left: -15px;
    margin-right: -15px;
}

.about-grid .about-title,
.about-grid .about-media,
.about-grid .about-text {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}


.about-grid .about-title {
    flex: 0 0 185px;
    max-width: 185px;
}

.about-grid .about-media {
    flex: 0 0 230px;
    max-width: 230px;
}

.about-grid .about-text {
    flex: 1 1 auto;
    max-width: none;
}