JSFiddle - React, Tailwind, and code Playground

by Manju06

HTML

<html>
    <head>
        <title>Stock Kompor</title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="style-in1.css">
        <link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
    </head>
</html>
<body>
    <div class="big-container">
        <div class="title">
            <span class="title-text">Kompor</span>
        </div>
        <nav id="wrapper">
             <div onclick="deleteOps()" class="box">
                <h4 class="title-box">Rinnai 522-E</h4>
                <p class="tc-1">HB</p>
                <p class="tc-2">313.000</p>
                <p class="tc-3">HJ</p>
                <p class="tc-4">345.000</p>
            </div>
        </nav>
    </div>
</body>
<script src="js-in1.js"></script>
</html>

CSS

.l-heading {
    font-weight: bold;
    font-size: 4rem;
    margin-bottom: 0.75rem;
    line-height: 1.1;
}


.container {
    max-width: 1404px;
    margin: auto;
    padding: 0 2rem;
    overflow: hidden;
}


.text-center {
    text-align: center;
}



#meet-our-team .container h1 span {
    position: relative;
    
}


#meet-our-team .container h1 span::after {
    content: '';
    width: 40%;
    height: 4px;
    background: red;
    position: absolute;
    bottom: -4px;
 margin-left: auto;
 margin-right:auto;
}