JSFiddle - React, Tailwind, and code Playground

by mrnobody

HTML

<a href="" class="class">Какой-то текст</a>
<a href="" class="class">Какой-то текст</a>
<a href="" class="class">Какой-то текст</a>
<a href="" class="class">Какой-то текст</a>
<a href="" class="class">Какой-то текст</a>
<a href="" class="class">Какой-то текст</a>
<a href="" class="class">Какой-то текст</a>
<a href="" class="class">Какой-то текст</a>
<a href="" class="class">Какой-то текст</a>
<a href="" class="class">Какой-то текст</a>

CSS

.class{
    width: 32%;
    float: left;
    margin: 0 2% 2% 0;
    
    /* Лишние стили */
    height: 120px;
    background-color: #f63;
    font: 14px/120px Tahoma;
    text-decoration: none;
    text-align: center;
    color: #222;
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
}
.class:hover{
    background-color: #f33;
}
.class:nth-child(3n){
    margin-right: 0;
}