JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.container {
border: 1px solid red;
overflow: auto;
width: 80%;
margin: 30px auto;
display: flex;
min-width: 500px;
}
div.col {
border: 1px solid blue;
margin: 10px 2.4%;
}
p {
margin: 5px;
}
</style>
</head>
<body>
<div class="container">
<div class="col"><p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Delectus saepe placeat, quam suscipit deserunt quibusdam recusandae, aliquid, minus eos totam sed quis. Nostrum officia reiciendis odit vero blanditiis eos accusamus! Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed doloribus, suscipit recusandae quo ipsa eligendi non voluptates sunt veniam eius omnis reprehenderit cupiditate architecto placeat ea explicabo error provident distinctio?</p></div>
<div class="col"><p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Delectus saepe placeat, quam suscipit deserunt quibusdam recusandae, aliquid, minus eos totam sed quis. Nostrum officia reiciendis odit vero blanditiis eos accusamus! Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed doloribus, suscipit recusandae quo ipsa eligendi non voluptates sunt veniam eius omnis reprehenderit cupiditate architecto placeat ea explicabo error provident distinctio?</p></div>
</div>
<div class="container">
<div class="col"><p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Delectus saepe placeat, quam suscipit deserunt quibusdam recusandae, aliquid, minus eos totam sed quis. Nostrum officia reiciendis odit vero blanditiis eos accusamus! Lorem ipsum dolor sit amet consectetur adipisicing elit. Sed doloribus, suscipit recusandae quo ipsa eligendi non voluptates sunt veniam eius omnis reprehenderit cupiditate architecto placeat ea explicabo error provident distinctio?</p></div>
<div class="col"><p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Delectus saepe placeat, quam...