Engrain by ByteRush

FND.08.02 BeginnerCore — asked often

The box model, units and colours

Comes up in: Recruiter screen

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

  • content/padding/border/margin
  • box-sizing: border-box
  • margin collapse (intro)
  • px, rem, em, %, vw/vh
  • colour formats and contrast

Words you will know

box modelmarginpaddingremcontrast ratio

What you will practise

  • rebuild a design with exact spacing

Interview questions this answers

  • Explain the CSS box model. What does box-sizing: border-box change?