<?xml version="1.0" encoding="utf-8"?>

Three-column grids

Three-column grids Bad Practice
Three-column grids Best Practice

Three-column grids provide a uniform solution — they're standard and can be applied to many websites.

Typography can help define columns. Using different weights and sizes, you can determine the order of information and create a hierarchy that can be either horizontal or vertical.[1] 

Three-column layouts can feel dense. You can avoid it by lowering columns and creating a clear area for a header, title, or photos.

Improve your UX & Product skills with interactive courses that actually work