JSFiddle - React, Tailwind, and code Playground

by Elena Lembersky

HTML

<div class="one">
  <div class="sub">
  <article class="sub-one">erger</article>
  <article class="sub-two">regerg</article>
  </div>
</div>
<div class="two">dfgdf</div>

CSS

.sub-one{
  width: 100%;
  height: 100px;
  background-color: #cc00cc;
}
.sub-two{
  width: 30%;
  height: 200px;
  background-color: #cc0000;  
  float: right;
}
.two{
  width: 60%;
  height: 300px;
   background-color: #cccc00;
}