JSFiddle - React, Tailwind, and code Playground

by seankoole

HTML

<div class="wrapper">
  <div class="child">
    <p>
      Quid securi etiam tamquam eu fugiat nulla pariatur. Integer legentibus erat a ante historiarum dapibus. Gallia est omnis divisa in partes tres, quarum. Hi omnes lingua, institutis, legibus inter se differunt. Cum sociis natoque penatibus et magnis dis parturient. Fictum, deserunt mollit anim laborum astutumque!
    </p>
  </div>
</div>

SCSS

div.wrapper {
  border: 2px solid green;
  padding: 20px;

  div.child {

    border: 2px solid green;
    padding: 20px;


    p {
      color: red;
    }
  }
}




@media (min-width: 1024px) {
  div.wrapper {
    
    background: green;

  }

}