JSFiddle - React, Tailwind, and code Playground

by Ser8191

HTML

<div id="block">
<ul class="stroka">
<li id="d0"></li>
<li id="d1"></li>
<li id="d2"></li>
<li id="d3"></li>
<li id="d4"></li>
<li id="d5"></li>
<li id="d6"></li>
<li id="d7"></li>
<li id="d8"></li>
<li id="d9"></li>
<li id="d10"></li>
<li id="d11"></li>
<li id="d12"></li>
<li id="d13"></li>
<li id="d14"></li>
<li id="d15"></li>
<li id="d16"></li>
<li id="d17"></li>
<li id="d18"></li>
<li id="d19"></li>
<li id="d20"></li>
<li id="d21"></li>
<li id="d22"></li>
<li id="d23"></li>
<li id="d24"></li>
<li id="d25"></li>
<li id="d26"></li>
<li id="d27"></li>
<li id="d28"></li>
<li id="d29"></li>
<li id="d30"></li>
<li id="d31"></li>


<li id="d32"></li>
<li id="d33"></li>
<li id="d34"></li>
<li id="d35"></li>
<li id="d36"></li>
<li id="d37"></li>
<li id="d38"></li>
<li id="d39"></li>
<li id="d40"></li>
<li id="d41"></li>
<li id="d42"></li>
<li id="d43"></li>
<li id="d44"></li>
<li id="d45"></li>
<li id="d46"></li>
<li id="d47"></li>
<li id="d48"></li>
<li id="d49"></li>
<li id="d50"></li>
<li id="d51"></li>
<li id="d52"></li>
<li id="d53"></li>
<li id="d54"></li>
<li id="d55"></li>
<li id="d56"></li>
<li id="d57"></li>
<li id="d58"></li>
<li id="d59"></li>
<li id="d60"></li>
<li id="d61"></li>
<li id="d62"></li>
<li id="d63"></li>
</ul>
</div>

CSS

div#block {
margin:0 0 0 0;
width:284px; 
height:284px;
border: 1px solid #5698C9;
}


ul.stroka {
margin: 0;
padding: 0;
}


ul.stroka li {
display:inline-block;
border: 1px solid #000;
width:30px;
height:30px;
background: #00FF21;
margin:0px;
}