JSFiddle - React, Tailwind, and code Playground

by Eric

HTML

<div id="a">
    This is always visible
</div><div id="b">
    This is only visible if the page is 800px wide
</div>

CSS

#a{
    width:600px;
    background: #e0e0e0;
    float:left;
    height: 400px;
}
#b{
    width:200px;
    background: #404040;
    color: white;
    float:left;
    height: 400px;
}
@media screen and (max-width: 799px) { 
    #b {
        display:none;
    }
}