JSFiddle - React, Tailwind, and code Playground

by jamna

HTML

<div id="wrapper">content here
</div>

CSS

@media screen and (min-width:768px) and (max-width:1023px) {
 #wrapper {
width:621px;
padding-left: 50px;
 margin:0 auto; background:red;
}
}
 @media screen and (min-width:1024px) and (max-width:2047px) {
 #wrapper {
 margin:0 auto;
 padding-left: 50px;
 width: 925px; background:yellow;
}
}