Rodrigo Osornio
Product designer
Design, illustration and code
breakpoints.gif

Breakpoints

Exploring breakpoints for a website

A breakpoint system for a website that includes 4 steps:

  • Tiny [360 - 791 px]
  • Small [792 - 1007 px]
  • Medium [1008 - 1223 px]
  • Large [≥ 1224 px]

_

breakpointsBreakpoints

_

Grids and layoutsGrids and layouts

2022.01