JSFiddle - React, Tailwind, and code Playground

HTML

<div class="foot">
    <div class="menu">English</div>
    <div class="menu">Maths</div>
    <div class="menu">Science</div>
    <div class="menu">SAM</div>
    <div class="menu">German</div>
</div>

CSS

.foot{
    background: yellowgreen;
    height: 300px;
}

.menu{
    margin-top: 25%;
    width: 80px;
    display: inline-block;
    font-size: 15px;
    position: relative;
}