0
0
No-Codeknowledge~10 mins

Box model and layout fundamentals in No-Code - Interactive Code Practice

Choose your learning style9 modes available
Practice - 5 Tasks
Answer the questions below
1fill in blank
easy

Complete the code to identify the CSS property that controls the space inside an element's border.

No-Code
The CSS property that controls the space inside an element's border is called [1].
Drag options to blanks, or click blank then click option'
Apadding
Bmargin
Cborder-width
Dwidth
Attempts:
3 left
💡 Hint
Common Mistakes
Confusing margin with padding
Thinking border-width controls space inside
2fill in blank
medium

Complete the code to select the CSS property that sets the space outside an element's border.

No-Code
To add space outside an element's border, use the [1] property.
Drag options to blanks, or click blank then click option'
Amargin
Bpadding
Cborder-style
Dheight
Attempts:
3 left
💡 Hint
Common Mistakes
Mixing margin and padding
Using border-style instead
3fill in blank
hard

Fix the error in the CSS box model description by choosing the correct term for the outermost layer.

No-Code
In the box model, the outermost layer that surrounds the padding and content is called the [1].
Drag options to blanks, or click blank then click option'
Aborder
Bmargin
Ccontent
Dpadding
Attempts:
3 left
💡 Hint
Common Mistakes
Confusing border with margin
Choosing padding or content
4fill in blank
hard

Fill both blanks to complete the CSS box model description correctly.

No-Code
The total width of an element is calculated as: width + [1] + [2].
Drag options to blanks, or click blank then click option'
Apadding
Bmargin
Cborder
Dheight
Attempts:
3 left
💡 Hint
Common Mistakes
Including margin in total width
Mixing border and margin
5fill in blank
hard

Fill all three blanks to complete the CSS box model properties for layout.

No-Code
To control the box size, use [1] for content size, [2] for inside space, and [3] for outside space.
Drag options to blanks, or click blank then click option'
Awidth
Bpadding
Cmargin
Dborder
Attempts:
3 left
💡 Hint
Common Mistakes
Confusing margin and padding
Using border instead of margin