What is the exact difference between fluid and responsive design?

The main difference is that Fluid Layouts (also called Liquid Layouts) are based on proportionally laying out your website so elements take up the same percent of space on different screen sizes, while Responsive Design uses CSS Media Queries to present different layouts based on screen sizes/type of screen.

1. What is difference between fluid and responsive?
2. What is fluid in responsive design?
3. What is the difference between responsive design and adaptive design?
4. What is the difference between fixed and fluid grids?

What is difference between fluid and responsive?

Fluid, Elastic and Responsive Layouts are all same... Only Fixed Layout is a layout in which you fix the width of the page to a given size e.g. in pixels.... Fluid Layout was width 100% and its elements arrange via the screen resolutions... Responsive means webpage elements arrange via the screen resolutions...

What is fluid in responsive design?

In fluid web design, the widths of page elements are set proportional to the width of the screen or browser window. A fluid website expands or contracts based on the width of the current viewport. Fluid design helps make websites more usable across device types with varying screen dimensions.

What is the difference between responsive design and adaptive design?

The responsive design will reconfigure all design elements whether it's viewed on a desktop, laptop, tablet, or mobile phone. With adaptive design, different fixed layouts are created that adapt to the users screen size.

What is the difference between fixed and fluid grids?

The main difference between fluid and fixed is simply that the fixed layout has a fixed width in terms of the whole layout of the website (viewport). If you have a 960px width viewport each colum has a fixed width which will never change. The fluid layout behaves different.