Understanding Responsive Web Design

Understanding Responsive Web Design

Posted by on Apr 13, 2013 in Blog, Web Development

Understanding Responsive Web Design

Spectacularly Easy Responsive Design
The Responsive Grid System isn’t a framework. It’s not a boilerplate either. It’s a quick, easy & flexible way to create a responsive website.

Have Any Number of Columns
Don’t be forced into having a fixed number of columns across a whole page. You can have whatever you want, wherever you need it.

Scales to Any Width
Because it uses percentages, your fluid columns will fit into any width. The margins (gutters) use percentages too.

It’s Smart
There’s no need to hack in any offsets or marginless final columns. It’s the last time you need to use .last and the end of .end.

Put the Content First
Instead of fitting your content to your grid, you can make your grid suit your content. Doesn’t that feel good?

It Fits In with You
It plugs into your existing HTML and CSS, and it’s so easy to do so. It’s your friend.

Simple Breakpoints
Mobile versions of the grid are already baked in, or you can cook up your own.

It’s Easy
Use it on as simple or as complex a project as you wish. You’ll be done in minutes.

No Math Required
As long as you can count up to the number of columns you need, you’ll be fine.

Feed Your Mind

     

    5 Comments

  1. I don’t think the title of your article matches the content lol. Just kidding, mainly because I had some doubts after reading the article.

  2. Can you be more specific about the content of your article? After reading it, I still have some doubts. Hope you can help me.

  3. Your article helped me a lot, is there any more related content? Thanks!

  4. Can you be more specific about the content of your article? After reading it, I still have some doubts. Hope you can help me.

  5. I don’t think the title of your article matches the content lol. Just kidding, mainly because I had some doubts after reading the article.

Post a Reply

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