Responsive D

When pages display improperly in a device, users simply move on. One solution: responsive design. Using a grid system and media queries to adjust your content according the a users device is no longer an option but a requirement for any serious web producer. Fortunately, there area many libraries/frameworks available to help. The more popular ones incude :

Some other names that came up in a search include:

  • Basscss
  • Bulma
  • Flexbox grid
  • GRD
  • Gridlex
  • Gridly
  • Milligram
  • Muuri
  • Neat
  • Pure
  • Rebass Grid
  • Semantic UI
  • Toast
  • UIkit
  • W3.CSS

My preference is to use Bootstrap, although Material is often used with mobile app development and many React apps and is therefore worth being familiar with.

Honorable mention goes to Foundation because they have a separate grid system specifically for Email. If you’ve ever worked with email you know it requires a separate set of rules that many frameworks don’t take into consideration.