HTML & CSS
Article
By Callum Hopkins

DesignFestival: An Introduction to Grids in Web Design

By Callum Hopkins
Help us help you! You'll get a... FREE 6-Month Subscription to SitePoint Premium Plus you'll go in the draw to WIN a new Macbook SitePoint 2017 Survey Yes, let's Do this It only takes 5 min

“A two-dimensional structure made up of a series of intersecting vertical and horizontal axes used to structure content. The grid serves as an armature on which a designer can organize text and images in a rational, easy to absorb manner.” — Wikipedia The grid is an invisible structure that collects all the elements within a web page together. Grids are never properly visible, however traces of the grids’ “discipline” can be seen by the placement of elements within a web page. The grid also dictates the size of such design elements as widths of column texts, repeated placement of elements, padding around imagery, word spacing, line height, etc

More:
DesignFestival: An Introduction to Grids in Web Design

--ADVERTISEMENT--

More:
Login or Create Account to Comment
Login Create Account
Recommended
Sponsors
Get the most important and interesting stories in tech. Straight to your inbox, daily.Is it good?