Responsive Web design vs Fluid Design

0 Flares Twitter 0 Facebook 0 Google+ 0 StumbleUpon 0 Pin It Share 0 0 Flares ×

Browsing the internet has limited desktop users and increased mobile, notebook and tablets users. Thanks to HTML5 and CSS3 for responsive web design. Beautiful web design is as important as salt to a tasteless food. Not only beautiful design but mobile friendly design is just as important as personalized, relevant content in today’s email marketing.

Responsive Design

Responsive web design

Image Source –

You might have surely heard this term “Responsive Web Design”. It was one of the hottest trends in 2013 to makes the website design mobile friendly and resize for mobile, tablets and notebook users.

What is Responsive Web design ?

Responsive web design

Responsive Web design is an approach whereby a designer creates a Web page that “responds to” or resizes itself depending on the type of device it is being seen through. No Matter whether it is an oversized desktop, a laptop, small notebook, a 10-inch, 7-inch tablet and a 4-inch small mobile phone.Responsive design has become a key feature for every design. It has a lot of control over your website’s layout if your are handling your media queries well.

What is Fluid Design?

Fluid Web Design

Image Source –

The term Fluid Design is referred to as Fluid design or liquid design in design community. It is another arm under responsive design. As the term “liquid” implies that a site should run smoothly into space given. It simply means that if you are using a monitor with high resolution, it may need you to resize your browser a little which often people do in this situation. If you have a low resolution monitor, you will still see the information, it will just be a little more compact.

Responsive Web design vs Fluid Design

Responsive design vs fluid design

Responsive Web design as well Fluid Design, both are the modern design tactics. While using responsive web design in combination with fluid or liquid design you can easily support an infinite number of screen widths. This is best viewed by dragging the width of the browser window and watching how the email and images adjust to the screen size in this example. Here’s an example of good responsive design and fluid design.

About Andrew Smith

has written 240 post in this blog.

Andrew Smith works as an editor for

Leave a Reply

Your email address will not be published. Required fields are marked *