Responsive Web Design

Responsive Grid Frameworks are very often used in front-end web development for a consistent layout format that is easily implemented by a team of developers. Bootstrap and Foundation frameworks are among the most popular.

These grids are available in PSD format also which can make it easier to keep the mock-ups / wireframes as close to the developed layout as possible.

Below is an example using Bootstrap 3 from Andrew Coss,


Below, i have created two layouts and added some borders to reflect padding in columns and applied some placeholder content to the existing grid above.


Screenshot 2017-01-27 11.49.45.png


Leave a Reply

Please log in using one of these methods to post your comment: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

A Website.

Up ↑