StudyAIStudyAI
All lessons
💻 Coding 14 minLesson 15 of 50

CSS basics

Selectors, the box model and layout with flexbox.

What you will learn

  • The box model is content, padding, border, margin.
  • Classes let you style many elements at once.
  • Flexbox arranges children along one axis with gap and alignment.

Learn CSS Flexbox in 20 Minutes (Course)

Coding2GO · plays in StudyAI

Source

Watch once, then work through the practice sheet.

Practice sheets

3 printable PDFs
1

Recall drill

5 questions · write-in answer lines

2

Apply it

4 questions · write-in answer lines

3

Test yourself

4 questions · write-in answer lines

Interactive quiz

Question 1 of 2

The gap between content and border is…

base44
Edit with Base44