JSFiddle - React, Tailwind, and code Playground

by Ronny

HTML

<ul>
    <li>One <a href="#">Note</a></li>
    <li>One <a href="#">Note</a></li>
    <li>One <a href="#">Note</a></li>
</ul>

CSS

ul {
    margin: 30px;
    border: 1px solid black;
    width: 300px;
}

li {
    display: block;
    padding: 10px;
    border-bottom: 1px solid green;
}

li a {
    float: right;
}


@media screen and (max-height: 400px) {
    li {
        padding: 1px;
    }
}