website layout

Fluid and responsive website layouts become vital for your survival on the internet with the latest Google search update

April 22, 2015 10:54 am Published by Leave your thoughts

What is a fluid layout? A fluid layout is a website layout where all the containers remain proportional relative to the screen width. In other words if you were to make the screen smaller, the fluid layout will adjust itself automatically to fit your screen without breaking the containers or moving them under each other etc. A fluid layout is easily achieved most of the time by replacing all fixed widths with percentages. Replace this: .container {width: 1024px;} With this: .container {width: 100%;} What is a responsive layout? A responsive layout uses media queries and is a little bit more... View Article