JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
 
</ul>

CSS

ul{width:409px;
list-style:none;}

li:first-child,li:nth-child(2){
    height:200px;
    width:200px;
    background:green;
    margin-right:0;
}
li:first-child{
    margin-right:9px;
}

li{
    width:100px;height:100px;background:red;float:left;
    margin-right:3px;
    margin-bottom:5px;
}

li:nth-child(6){
    margin-right:0;
}