JSFiddle - React, Tailwind, and code Playground

by deathstalkersid

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

<body>
  <article class="container-fluid">
    <section style="margin-right:15px; margin-left:15px; margin-bottom:15px;" class="row g-3">
      <img src="dog1.jpg" class="col-lg-3 col-md-4 col-sm-6 col-12">
      <img src="dog2.jpg" class="col-lg-3 col-md-4 col-sm-6 col-12">
      <img src="dog3.jpg" class="col-lg-3 col-md-4 col-sm-6 col-12">
      <img src="dog4.jpg" class="col-lg-3 col-md-4 col-sm-6 col-12">
      <img src="dog5.jpg" class="col-lg-3 col-md-4 col-sm-6 col-12">
      <img src="dog6.jpg" class="col-lg-3 col-md-4 col-sm-6 col-12">
      <img src="dog7.jpg" class="col-lg-3 col-md-4 col-sm-6 col-12">
      <img src="dog8.jpg" class="col-lg-3 col-md-4 col-sm-6 col-12">
      <img src="dog9.jpg" class="col-lg-3 col-md-4 col-sm-6 col-12">
      <img src="dog10.jpg" class="col-lg-3 col-md-4 col-sm-6 col-12">
      <img src="dog11.jpg" class="col-lg-3 col-md-4 col-sm-6 col-12">
      <img src="dog12.jpg" class="col-lg-3 col-md-4 col-sm-6 col-12">
    </section>
  </article>
</body>
</html>