Responsive web design

Posted under » CSS on 25 Sep 2020

Bootstrap tries to achieve responsive web design but Bootstrap is not the only way to achieve this and I am not a fan because of the bloat. Let us explore the meaning and principles behind 'responsive web design'.

In order for a web design to be considered “responsive,” it needs to have three key features. Web designer/developer Ethan Marcotte — the author who conceptualized responsive web design — describes these features as:

The site must be built with a flexible grid foundation.
Images that are incorporated into the design must be flexible themselves.
Different views must be enabled in different contexts via media queries.

CSS-Tricks changes its web layout depending on the size of the browser’s viewport.

It is important to note that all three features need to be implemented in order for a truly responsive web design to take place.