JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<div id="parent">
  <div id="child"></div>
</div>

SCSS

#parent {
  background: #e1e1e1;
  width: 100px;
  height: 100px;
  margin: 20px;
}

#child {
  width: 50px;
  height: 50px;
  border: 25px solid white;
  display: none;
}

#parent:hover #child {
  display: block;
}

JavaScript

$('head').append('<meta name="viewport" content="width=device-width, initial-scale=1" />');