JSFiddle - React, Tailwind, and code Playground

by adelura

HTML

<div class="grid">
    <p class="content">
    hello
    </p>
</div>

<p>hello</p>


<div class="page">
    <div class="header"></div>
    <div class="content bordex-box"></div>
    <div class="footer"></div>
</div>

.page {
    box-sizing: border-box;
}

CSS

* {
    box-sizing: inherit;
}

/* pension */
.grid {
    box-sizing: border-box;
    width: 200px;
    height: 200px;
    border: 1px solid red;
}

/* orbit-static */
.content { box-sizing: content-box; }
p {
    border: 10px solid blue;
    width: 100px;
}