JSFiddle - React, Tailwind, and code Playground

by Stas Orekhovskiy

CSS

*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{height:100%}body{height:100%;width:100%;font-family:'Tahoma',sans-serif;font-weight:700;color:#fff;background:#333;overflow-x:hidden;text-transform:uppercase}img{border:none;max-width:100%;display:block}a{color:#fff;text-decoration:none;outline:none}a:hover{transition:.2s}ul,li{list-style:none}.clear:after{content:'.';display:block;clear:both;visibility:hidden;height:0}.clear{*min-height:1px}.wrapper{margin:0 auto;min-height:100%;min-width:300px;overflow:hidden;width:100%}#header{position:relative;height:95px}.header-wrap{padding:0 5px;width:100%;margin:0 auto;text-align:justify;text-justify:newspaper;zoom:1}.header-wrap:after{width:100%;height:0;visibility:hidden;overflow:hidden;content:'';display:inline-block}.header-left{display:inline-block;vertical-align:top;font-size:0}.header-left p{text-align:left;color:#a9a9a9;font-size:11px;line-height:12px;overflow:hidden;height:24px;text-transform:uppercase;width:245px}.logo{display:block;margin-top:2px}.header-right{display:inline-block;vertical-align:top}.topmenu{font-size:11px;font-weight:700;color:#fff;float:left;text-transform:uppercase;margin-top:14px}.topmenu li{display:inline-block}.topmenu li > a{display:block;height:44px;line-height:44px;padding:0 6px;background:#000;border:1px solid #696969;color:#fff;font-size:11px;border-radius:3px;text-transform:uppercase}.topmenu li a:hover{color:#696969}.top-categories a{padding:0 20px 0 6px !important;background:#000 url(/images/menu-arrow.png) no-repeat right 5px center!important}.top-categories a:hover{color:#ffc051}.top-categories{position:relative}.topmenu ul li .drop-menu{display:none}.topmenu ul li.top-categories:hover .drop-menu{width:360px;position:absolute;right:0;z-index:9;padding:15px 0;display:block;background:#000;border:1px solid #696969}.drop-menu ul...