JSFiddle - React, Tailwind, and code Playground

HTML

<div class="youtube">
  <iframe src="//www.youtube.com/embed/VGvHnDeS12o" frameborder="0" allowfullscreen></iframe>
</div>

CSS

.youtube {
    display: block;
    position: relative;
    width: 600px;
    max-width: 100%;
}
.youtube:before {
    content: '';
    display: block;
    padding-top: 56.7%;
}
.youtube iframe {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}