How to make YouTube embed mobile responsive?

Question

I was doing the “My First Blog” project at the end of the HTML course and everything was going great until I looked at the end result on the app and the YouTube video sticks out from the rest :( is there something I can do to make the size mobile responsive?

https://code.sololearn.com/WxfYVvrz9o3j/?ref=app

Answer 1

There are some ways to do it. You can change the width of the video to 100% to make it perfect fit to screen. Or if you are doing with CSS, which is providing the length and width then you can use the @media query property of CSS. In Case you have to use CSS. This will be beneficial to make your code responsive. For getting to know about the media query more follow this link.
https://www.w3schools.com/Css/css_rwd_mediaqueries.asp