JSFiddle - React, Tailwind, and code Playground

by pphheerroonn

HTML

<div class="container">
<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
    <li>9</li>    
</ul>


</div>

CSS

.container{
width: 800px;
background:#e3e3e3;
margin:auto;
overflow:hidden;
    
}

li{
 float: left;
margin-right: 20px; 
margin-bottom: 20px;    
    list-style: none;
    width: 200px;
    height: 200px;
    line-height: 200px;
    text-align: center;
    background: grey;
}

li:first-child {
   height: 300 px; 
}