JSFiddle - React, Tailwind, and code Playground

HTML

<div>

  

</div>

CSS

* {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}
body {
  margin: 0;
}

div {
  width: 300px;
  height: 200px;
  margin: auto;
  border: 2px solid violet;
}
@media (min-width: 500px) {
  div {
    width: 500px;
  }
}
@media (min-width: 700px) {
  div {
    width: 700px;
  }
}
@media (min-width: 900px) {
  div {
    width: 900px;
  }
}