JSFiddle - React, Tailwind, and code Playground

by blineberry

HTML

<script src="http://goizueta.emory.edu/js/gbsModernizr.js"></script>
<nav>
    <ul class="menu-list menu-list-top">
        <li class="menu-list-item menu-list-item-top">
            <div class="menu-title menu-title-top">Programs</div>
            <ul class="menu-list-sub">
                <li>
                    <div><a href="degree/fulltimemba/index.html">Full-Time MBA</a>

                    </div>
                    <ul class="menu-list-sub">
                        <li>
                            <div>Admissions</div>
                            <ul class="menu-list-sub">
                                <li><a href="admissions/index.html">Deadlines &amp; Requirements</a>

                                </li>
                                <li><a href="admissions/online_application.html">Online Application</a>

                                </li>
                                <li><a href="admissions/why_mba.html">Why A Goizueta MBA?</a>

                                </li>
                                <li><a href="admissions/international.html">International Applicants</a>

                                </li>
                                <li><a href="admissions/joint_degree/index.html">Joint Degree Applicants</a>

                                </li>
                                <li><a href="admissions/military_applicants.html">U. S. Military Applicants</a>

                                </li>
                                <li><a href="admissions/minority_applicants.html">Minority Applicants</a>

                                </li>
                                <li><a href="admissions/fellowships/index.html">Funding Your MBA</a>

                                </li>
                                <li><a href="admissions/faq.html">FAQ</a>

                                </li>
                            </ul>
                        </li>
                        <li>
                            <div>One-Year MBA</div>
      ...

CSS

body {
    margin: 0;
}

nav {
    background: hsl(41, 100%, 41%);
}
nav ul {
    margin: 0;
    padding: 0;
    
    list-style: none;
}
nav a {
    color: hsl(41, 100%, 11%)
}

.menu-list-item-top {
    position: relative;
    height: 500px;
}
.menu-title-top {
    color: #FFF;
    text-transform: uppercase;
    
    cursor: default;
}
.menu-list-sub {
    position: relative;
    left: 0;
    top: auto;
    bottom: 0;
    right: 0;
    
    background: hsl(41, 90%; 51%);
}