Class is not working properly

[ejoflo]

I'm trying to use a class on the component as so: <YouTube class={'youtubeContainer'} />. Here is the CSS in my

.youtubeContainer { grid-area: youtube; position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; margin-bottom: 50px; }

.youtubeContainer iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

When the page loads the class is not loaded and none of the styles are applied. I'm trying to make the YouTube component responsive. Any idea how I could get this working?