summary 5
1.Responsive Image- If you set the image width too 100 percent the image will be responsive. You should use max-width because if you do not the image may scale larger then you want. You can also set the image to change based of the screen size on your device.
2.Responsive text- Not only can you have responsive images, you can have responsive text.To do this you must use vw aka "viewport width".To write this you do-
<h1 style="font-size:10vw">Hello World</h1>
3.Medie Queries- Media Queries is a CSS feature that allows you to apply styles based on a specific device. For example if your media screen is under 800 px you can assign it to be blue.You write this in your CSS for whatever you want to assign using- max-width or min-width.