Engrain by ByteRush

FND.08.06 BeginnerCore — asked often

Responsive design basics

Comes up in: Recruiter screen, UI coding

This concept is being written. It gets the full five steps — explanation, predict, interview angle, practice with tests, and review cards. Here is exactly what it will cover, so you can study it elsewhere in the meantime.

What it covers

  • mobile-first
  • media queries
  • fluid type with clamp()
  • responsive images (max-width: 100%)
  • testing on devices

Words you will know

media querybreakpointmobile-first

What you will practise

  • make a page work from 320 px to 1440 px

Interview questions this answers

  • What does mobile-first mean?