Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Size does matter - Responsive Design in 2019 - V2

Nils
May 23, 2019

Size does matter - Responsive Design in 2019 - V2

Nils

May 23, 2019
Tweet

More Decks by Nils

Other Decks in Technology

Transcript

  1. Frontend Design Backend Development Frontend Development Design http://bradfrost.com/blog/post/full-stack-developers/ Fotografie UX-Design

    CSS Accessibility Speed API Data Storage Illustration UI-Design HTML Presentational JS JS Frameworks Business Logic
  2. html { font-size: 10px; } .teaser { width: 320px; }

    .teaser__subline { font-size: 1.8rem; line-height: 2.4rem; }
  3. html { font-size: 10px; } .teaser { width: 320px; }

    .teaser__subline { font-size: 1.8rem; line-height: 2.4rem; }
  4. html { font-size: 100%; } .teaser { width: 320px; }

    .teaser__subline { font-size: 1.8rem; line-height: 2.4rem; }
  5. html { font-size: 100%; } .teaser { width: 320px; }

    .teaser__subline { font-size: 1.125em; line-height: 2.4rem; }
  6. html { font-size: 100%; } .teaser { width: 320px; }

    .teaser__subline { font-size: 1.125em; line-height: 1.333; }
  7. html { font-size: 100%; } .teaser { font-size: 1rem; width:

    20em; } .teaser__subline { font-size: 1.125em; line-height: 1.333; }
  8. html { font-size: 100%; } .teaser { font-size: 1rem; width:

    20em; } .teaser__subline { font-size: 1.125em; line-height: 1.333; }