Summary Five
Responsive Web design
The way to make your website adjust to all screen sizes is to use a responsive web design. It allows you to resize or hide things on a web page in order for it to look cleaner on a smaller screen. The <meta> tag is used to create this type of web page.
Images and Text
Responsive web design also works with images and text. You can set the width of an image to 100% and the image will scale up and down as the web page changes size. With text, it can be set with the VW (viewport width) to set the text size. There are many things that will adjust an image and text with a responsive web page.
Media Queries
Media Queries are used for specialized stylesheets for phones, desktops, etc. There are several media features that are included within media queries, such as orientation, height, and width. You can place these media queries in the alternate CSS section with in the <head> of your HTML as well.