Layout

Learn how you can improve the layout by learning the basics of design.

Learn basics of design

If you need more control than the frameworks give you, you will need to learn some basics of design.

Add more spacing

The most immediate impact is adding more spacing. Developers, as a rule, tend to like information crammed together, so we need to space things out a little more than we are comfortable with for the general audience. Also, consider standardizing the vertical “rhythm” in your site. For example, you can restrict yourself to a small set of CSS variables that are 0.5x, 0.75x, 1x, 2x, and 3x a given base size (say 1em or 16px). Because margin collapsing can be hard to manage, use single-direction margin declarations to simplify your rulesets.

Get hands-on with 1400+ tech skills courses.