EQUAL HEIGHT COLUMN

Run
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML</title>
<style>
   .container {
      display: grid;
     grid-auto-flow: column;
     gap: 2%;
	  
   }
   .column {
      border: solid;
	  text-align: center
   }
</style>
</head>
<body>
    <h2> Equal hieght container</h2>
    <div class="container">
	  <div class="column" style="background-color: cyan;">
	    <p> Equal column </p>
		<p> Equal column </p>
		<p> Equal column </p>
		<p> Equal column </p>
	  </div>
	  <div class="column"style="background-color: lime;">
	    <p> Equal column </p>
		<p> Equal column </p>
		<p> Equal column </p>
		
	  </div>
	  <div class="column"style="background-color: yellow;">
	    <p> Equal column </p>
		<p> Equal column </p>
		
	  </div>
	</div>
</body>
</html>