: How to structure a section properly? I have the following section on my site. This is being viewed on a 1980p display so on a smaller resolution the left and right margin is reduced but the

@Jennifer810

I think what you feel is a bit of inconsistency in alignment and sticking to a grid. There is no 'right or wrong' grid or alignment, but the use of such layout tools helps to create a perceived consistency and order.

Here are some examples to illustrate what I mean and how you could improve your designs. (By no means the best or only way to tackle this.)

Desktop: Is mostly centred, but the elements in the middle are a bit free-floating.



Here is how you could align them more consistent:



Mobile: Also centred, feels already quite right, but could still be improved, by aligning the outer edges as well.





There is a great free e-book by the famous designer Massimo Vignelli, called the 'The Vignelli Canon'. For further reading, I recommend to get it from his design firms website and start at page 40. www.vignelli.com/home/bookmagazine/canon.html

Vote Up Vote Down