JSFiddle - React, Tailwind, and code Playground
by deathstalkersid
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
</head>
<body>
<div class="row mx-n5">
<div class="col-lg-3 col-sm-6 px-5" style="border:1px solid black">
<img src="https://www.youloveit.com/uploads/posts/2020-01/1579295763_youloveit_com_frozen_2_official_hd_art_big_images01.jpg" style="width: 100%;" />
<p style="text-align: center;">Add a description of the image here</p>
</div>
<div class="col-lg-3 col-sm-6 px-5" style="border:1px solid black">
<img src="https://www.youloveit.com/uploads/posts/2020-01/1579295763_youloveit_com_frozen_2_official_hd_art_big_images01.jpg" style="width: 100%;" />
<p style="text-align: center;">Add a description of the image here</p>
</div>
<div class="col-lg-3 col-sm-6 px-5" style="border:1px solid black">
<img src="https://www.youloveit.com/uploads/posts/2020-01/1579295763_youloveit_com_frozen_2_official_hd_art_big_images01.jpg" style="width: 100%;" />
<p style="text-align: center;">Add a description of the image here</p>
</div>
<div class="col-lg-3 col-sm-6 px-5" style="border:1px solid black">
<img src="https://www.youloveit.com/uploads/posts/2020-01/1579295763_youloveit_com_frozen_2_official_hd_art_big_images01.jpg" style="width: 100%;" />
<p style="text-align: center;">Add a description of the image here</p>
</div>
<div class="col-lg-3 col-sm-6 px-5" style="border:1px solid black">
<img src="https://www.youloveit.com/uploads/posts/2020-01/1579295763_youloveit_com_frozen_2_official_hd_art_big_images01.jpg" style="width: 100%;" />
<p style="text-align: center;">Add a description of the image here</p>
</div>
</div>
...