The foundation of responsive websites

Almost all modern websites can be displayed on desktop and mobile devices (phones, tablets). Proper adjusting of CSS and HTML code is the main assumption for creating a responsive website. The basic responsive website building process was based on adjustments of code, which once done, the site properly displayed on all devices. Now the responsiveness of responsive websites is a little bit enhanced. It's not only the creation of CSS/HTML/JS code and thinking about the design aspects but also the thinking about performance on mobile devices. Mobile devices with a web browser are now the main equipment on which people browse websites. Let's look at the main approaches for creating responsive websites.

Desktop first methodology

This methodology was used back in the day as the main approach in CSS frameworks. The main purpose of HTML and CSS code was to see a web page in a desktop browser. Then provide the mobile version which was based on the desktop...