Computer science: The box model and flexbox test – Grades 6–7
These are US practice tests (grades, CSTA standards). In the UK? Try the UK version →
A free HTML and CSS test on padding, borders, margins, box sizes and flexbox layout, for grades 6–7 (ages 11–12): 12 questions, graded instantly. Build, fix and predict real web pages in your browser. No sign-up.
Before you start
12 questions on padding, borders, margins, box sizes and flexbox layout, picked from a bank of 32 each time. Some ask what the browser will show; some ask you to put lines in order, or to build or fix a short page. Your page is drawn by your own browser and checked – some checks are hidden, and CSS answers are also tried on other pages, so a copied answer won't pass.
No sign-up and no adverts. Your answers stay on this device – nothing you type is sent to us. How it is graded: Classfern's own checks, in your browser; nothing is graded by a person or by guesswork.
Curriculum
CSTA K–12 Computer Science Standards (2017), grades 6–8: 2-AP-13 – Decompose problems to help design, implement and review programs; 2-AP-17 – Systematically test and refine programs using a range of test cases.
The standard codes are CSTA's; the descriptions are our own words.
Our lessons and questions are our own. They are not written or endorsed by any government department, testing agency or exam board. HTML and CSS are open web standards; Classfern is not affiliated with the organisations that publish them.
Learn it first: Lesson 14: The box model: padding, border and margin · Lesson 15: Flexbox: boxes in a row · Lesson 16: Flexbox: spacing and lining up
More computer science tests · Programming Department · All practice tests