JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="menu">
			<li><a href="#">Разные вкусности</a>
				<ul>
					<li><a href="#">Суп с клёцками</a></li>
					<li><a href="#">Пироги с капустой и яйцом</a></li>
					<li><a href="#">Торт Медовый</a></li>
				</ul>
			</li>
			<li><a href="#">Узбекская кухня</a>
				<ul>
					<li><a href="#">Плов по-бухарски с изюмом</a></li>
					<li><a href="#">Плов с бараниной и нутом</a></li>
					<li><a href="#">Халва из ядрышек урюка</a></li>
					<li><a href="#">Лагман по-хорезмски</a></li>
				</ul>
			</li>
			<li><a href="#">Итальянская кухня</a>
				<ul>
					<li><a href="#">Феттучини с ветчиной и грибами в сливочном соусе</a></li>
					<li><a href="#">Пицца по-тоскански с индейкой и грейпфрутом</a></li>
					<li><a href="#">Кролик по-лигурийски с красным вином</a></li>
					<li><a href="#">Миндальные бискотти с медом</a></li>
				</ul>
			</li>
</ul>

CSS

.menu 	{
			background: -moz-linear-gradient(to top, #ecc, #fff8f8);
			background: -webkit-linear-gradient(to top, #ecc, #fff8f8);
			background: -o-linear-gradient(to top, #ecc, #fff8f8);
			background: -ms-linear-gradient(to top, #ecc, #fff8f8);
			background: linear-gradient(to top, #ecc, #fff8f8);
			border: 1px solid #888; 
			border-top: 0;
			padding: 0; margin: 0;
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 0;
		}
.menu > li
		{
			display: inline-block;
#           width: 200px;
#           height: 75px;
			border: 1px solid #fff;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			font-size: 14px;
            position: relative;
		}
.menu a
		{
			text-decoration: none;
            display: block;
		}
.menu ul
		{
			list-style: none;
          position: absolute;
		}
.menu > li:hover::after 
		{
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			-webkit-box-shadow: inset 0 0 10px #777;
			-moz-box-shadow: inset 0 0 10px #777;
			box-shadow: inset 0 0 10px #777;
		}
.menu li ul{
    width:100%;
    margin:0;
    padding:0;
}
.menu li ul li{
    width:100%;
    margin:0;
    padding:0;
}