Setting the Viewport
This peice of code is probably one of the best things that you can add to your website. This would help with making sure that your content can easily grow and shrink depending on what device is currently using your website. Without this, all devices would see the same thing rather than have a different experience depending on what device you're on.
Using the width Property
Other than the size properties used in html, the width property is one of the other most important aspects to coding. If you set width to 100% on an image, then the image will grow and shrink depending on the device used. Make sure that you use this because if you don't, then all images will appear the same size no matter what device you are on.
CSS media types
There are three different media types that can be set up for a website. These include All, Print, and Screen. Screen will probably be the most used one out of all of them because most websites dont have images that you can print off. This is also because images and other aspects are going to appear differently on different devices. So if you have a smartphone, you will want the image to scale down and fit to the screen. If you have a desktop computor, you will want the image to scale up for the same reason.