You are likely to add video to one of your projects, so let's make this responsive. So, here is how you add video. On or around line 309, inside our last row div, but after the table, let's add the following:
<div class="flex-video"> <iframe width="420" height="315" src="https://www.youtube.com/watch?v=8FfAGiUiOWk&list=TLuNeo0ehMwmKsLJj2bu5yD0qPMtPN8D0Q" frameborder="0" allowfullscreen></iframe> </div>
If your video is widescreen and/or vimeo, just add a widescreen
class and/or vimeo
, like this:
<div class="flex-video widescreen vimeo"> <iframe width="420" height="315" src="https://www.youtube.com/watch?v=8FfAGiUiOWk&list=TLuNeo0ehMwmKsLJj2bu5yD0qPMtPN8D0Q" frameborder="0" allowfullscreen></iframe> </div>
You can put the video inside the grid as well, and it will act like any other element and resize properly for the screen.