JSFiddle - React, Tailwind, and code Playground

by Barry Peterson

HTML

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

SCSS

li, ul {
    margin: 0;
    padding: 0;
}
ul {
    display: inline-block;
    border-radius: 50px;
    margin: 0 auto;
    background-color: red;
    list-style: none;
    padding: 10px;
    
    li {
        width: 50px;
        height: 50px;
        border: 5px solid yellow;
        border-radius: 50px;
        background-color: blue;
        display: inline-block;
    }
        
}