JSFiddle - React, Tailwind, and code Playground

HTML

<div class=fullblue></div>
<div class=nomargin>No margin</div>
<div class=fullblue></div>
<div class=nopadding>No padding</div>
<div class=fullblue></div>

CSS

div {
    background: lightblue;
    border: 10px solid red;
}

.fullblue {
    background: blue;
    margin: 0;
    padding: 0;
    border: none;
    min-height:50px;
}

.fullblue {
    background: blue;
    margin: 0;
    padding: 0;
    border: none;
    min-height:50px;
}

.nomargin {
    margin: 0px;
    padding: 10px;
}

.nopadding {
    padding: 0px;
    margin:10px;
}