It is a website design technique that can adapt to the screen it opens by resizing or adjusting to it. The responsive web design fits PCs, smartphones, and tablet devices of varied sizes, perfectly. It comes out with flexible layouts, flexible grids, images, and more. It avoids the use of dedicated websites for the mobile platform, and with a single website, the businesses can reach out to its large audience. It also reduces the need for multiple versions of the site and thus can ensure better SEO – note that single version websites have better page ranking in search engines.
Reflowing Content
Reflowing content simply refers to content that adjusts its width to fit width of window. Every day, new devices are being developed with new screen sizes. It forces browser to again calculate dimensions and position of all elements and then again reload page
Relative Sizing
Relative sizing simply means adjusting size of element according to width of browser or screen. When it comes to responsive design, one need to use relative length unit. Relative unit length does not have fixed size. With help of relative sizing, images or other elements adapt their size according to browser width.
Breakpoints
Breakpoints, also known as media queries, are the simplest filters applied to CSS styles that can be used for different style rules for various devices such as laptops, mobiles, tablets, etc. One can also modify and make changes to layout and design on different device width ranges.
