JSFiddle - React, Tailwind, and code Playground

by alexcat

HTML

<html>
<head>

</head>

<body>
<div class="text-document-container">
    <article class="text-document">
        <h1 class="header header-primary">hw</h1>
    </article>
</div>
</body>

</html>

SCSS

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
}

.text-document-container {
    width: 100%;
    
    .text-document {
        margin: 0 auto;
        width: 1260px;
        background-color: aliceblue;
        
        .header {
          text-transform: uppercase;
          
          &-primary {
            font-size: 40px;
          }
        }
    }
}