PLACE IMAGE SIDE BY SIDE
Run 
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>HTML</title>
<style>
	
	.column {
	  flex: 30%;
	  padding: 5px;
	}
	img {
	  width: 100%;
	}
	.container {
	   display: flex;
	}

	
</style>
</head>  
<body>
    <h2> Place image side by side</h2>
	<div class="container">
	   <div class="column">
	     <img src="https://s3.ap-south-1.amazonaws.com/s3.studytonight.com/tutorials/uploads/pictures/1627458592-101156.png" alt="image1">
	   </div>
	   <div class="column">
	     <img src="https://s3.ap-south-1.amazonaws.com/s3.studytonight.com/tutorials/uploads/pictures/1627458592-101156.png" alt="image1">
	   </div>
	   <div class="column">
	     <img src="https://s3.ap-south-1.amazonaws.com/s3.studytonight.com/tutorials/uploads/pictures/1627458592-101156.png" alt="image1">
	   </div>
	</div>
</body>
</html>