JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu">
		<ul>
			<li class="button-home-main"><a class="button-home-link" href="#"><span class="button-home"></span></a></li>
			<li class="second-link"><a href="#">Xcupidon porn</a></li>
			/*Сейчас в коде класса нет, но его нужно добавить, как на этом примере*/
			/*В верхней строке я добавил класс к "li" class="second-link", для упрощения работы с этим блоком*/
			<li class="top-tube"><a href="#">Top videos</a><span class="top-tube-arrow"></span>
				<div class="drop-menu clear">
					<div class="th-cats-wrap th-cats-wrap-drop clear">
						<div class="div-th-drop">
							<a class="th-cat" href="#">
								<img class="th-image" src="img/girl.jpg" alt="">
								<span class="count-view">37569</span>
							</a>
							<div class="th-name-wrap">
								<a href="#" class="th-name">interracial masturbation</a>
							</div>
						</div>
						<div class="div-th-drop">
							<a class="th-cat" href="#">
								<img class="th-image" src="img/girl.jpg" alt="">
								<span class="count-view">37569</span>
							</a>
							<div class="th-name-wrap">
								<a href="#" class="th-name">interracial masturbation</a>
							</div>
						</div>
						<div class="div-th-drop">
							<a class="th-cat" href="#">
								<img class="th-image" src="img/girl.jpg" alt="">
								<span class="count-view">37569</span>
							</a>
							<div class="th-name-wrap">
								<a href="#" class="th-name">interracial masturbation</a>
							</div>
						</div>
						<div class="div-th-drop">
							<a class="th-cat" href="#">
								<img class="th-image" src="img/girl.jpg" alt="">
								<span class="count-view">37569</span>
							</a>
							<div class="th-name-wrap">
								<a href="#" class="th-name">interracial masturbation</a>
							</div>
						</div>
						<div class="div-th-drop">
							<a class="th-cat" href="#">
								<img class="th-image" src="img/girl.jpg" alt="">
								<span class="count-view">37569</span>
							</a>
							<div...