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://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
  </head>

  <body>
    <div className="main">
      <div id="clapscarousel" className="carousel slide" data-ride="carousel">
        <div className="carousel-inner">
          <div className="carousel-item active">
            <div className="reward">
              <div className="left" role="presentation">
                <div className="card-img-top">
                  <img src="../images/emp2.png" alt="User" />
                  <h1 className="name mb-0" aria-label="user name">
                    Jebson Philip
                  </h1>
                </div>
              </div>

              <div className="right">
                <div className="home--content">
                  <div>
                    <div className="break justify-content-between align-items-center">
                      <div className="content">
                        <h2 className="text-center my-4">Special Award</h2>
                        <p>
                          Lorem ipsum dolor sit amet, consectetur adipiscing
                          elit, sed do eiusmod tempor incididunt ut labore et
                          dolore magna aliqua. Ut enim ad minim veniam,
                          jhghfgfgdfdsdf gfghfgfkhku
                        </p>
                        <div className="link col-8 d-flex justify-content-between">
                          <div>
                            <p>Appreciate</p>
                            <img src="../../images/like.png" alt="Appreciate" />
                          </div>
                          <div>
                            <p>Comment</p>
                            <img src="../../images/comment.png" alt="Comment" />
    ...