JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<section>
  <h1>Titre</h1>
  <h2>Prix</h2>
  <div>
    <p>Variants couleurs</p>
    <p>Variants tailles</p>
  </div>
</section>

SCSS

section,
h1,
div,
p,
h2 {
 padding: 10px; 
}

section {
  background-color: orange;
  
  * + * {
   margin-top: 10px; 
  }
}

h1 {
  background: lightblue;
}

h2 {
  background: lightpink;
}

div {
  background-color: indigo;
}

p {
  background: beige;
  
  + p {
     margin-top: 10px; 
  }
}