The internet is now accessible on many different resolutions and devices . But we are used to coding a website for a PC , and that often comes with problems on different screen resolutions.

This tutorial will help you make your site look and function EXACTLY as in your pc , in all resolutions ! your iPad , iPod , Laptop , Samsung Refrigerator and even your iPhone - in 2 steps ONLY!!!


STEP ONE
Go to your css file or stylesheet , and add position: relative; to your body element .
For example :

body {
position: relative;
}

STEP TWO
Make sure all your element`s sizes are set in pixels rather than precentages . What to do : px , rem , em . What not to do : % , vh , vw . ( units )


And... Youre done! You now have a 100% responsive site (˶ᵔ ᵕ ᵔ˶) ♡ Congratulations!

xo xo shai