JSFiddle - React, Tailwind, and code Playground

by hiral

HTML

<div class="container">
    <ul class="products-1"></ul>
    <ul class="products-2"></ul>
</div>

CSS

container {
  width: 550px;
  margin: 0 auto;
  background-color: #ccc;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul li {
  background-color: #fff;
  border: 1px solid #999;
  height: 30px;
  width: 100px;
  margin-bottom: 10px;
  padding: 0 10px;
  line-height: 30px;
  display: inline-block;
}

JavaScript

$(document).ready(function(){
    var red = 5;
    var white = 26;
    
    for(var i=0;i<white;i++){
        
    }
});