HTML & CSS Layout, responsive two column with YouTube video

Описание

This is a casual video of me coding on an ordinary day in the life of a developer. I don't really go into too much detail explaining everything but I'm hoping you get a sense of what it's like working as a freelance front end developer. I utilize stack overflow and some cheat-sheets to get the job done.


You can view and access the completed files here
https://layouts.cmseasyedit.com/text-left-video-right.php
https://layouts.cmseasyedit.com/text-left-video-right.css


I got to give credit to SO user magi182 https://stackoverflow.com/users/2005697/magi182 for their answer here https://stackoverflow.com/questions/15844500/shrink-a-youtube-video-to-responsive-width


Here is the CSS nugget to make the YouTube video responsive
.videowrapper {
float: none;
clear: both;
width: 100%;
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}
.videowrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}