JSFiddle - React, Tailwind, and code Playground

by vpetrychuk

HTML

<div class="menu">
    menu
    <div class="submenu">submenu</div>
</div>
<div class="video">video</div>

CSS

body {
    margin: 10px;
    font: 14px/1.4 Arial;
}
.menu {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    background: #777;
    color: #fff;
    position: relative;
}
.submenu {
    background: #c00;
    position: absolute;
    top: 0; left: 40px;
    height: 100px;
    z-index: 1;
    /* How to overlay the .video? */
}
.video {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    background: #ccc;
}