nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Child Item

CSS - Responsive and Fluid

benbrown

Can Somebody tell me the difference between responsive web design and fluid grids.

Also if anybody knows where I can get some good video tuts on how to implement responsive web design or fluid grids so that all my websites work in all types of devices.

Oh and by the way mainly work using Wordpress and Dreamweaver.

Find more posts tagged with

css

web developer

responsive web design

Quick Links

Comments

Graham

You might get a better response in the design forum:

http://www.boards.ie/vbulletin/forumdisplay.php?f=23

tricky D

Fluid grids merely rearrange the layout to fit the screen size and can be thought of as a subset of Responsive Design (simplistic explanation so caveats may apply). RWD has much more to it including: responsive image sizing, media queries, server side matters, element reformatting (think of the likes of nav bars changing from horizontal tabs to thumb-friendly vertical button menus for smaller devices), changing content for device usage scenarios, etc...