CodeCow/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-06-19 21:09:51 +08:00
Code Issues Actions 7 Packages Projects Releases Wiki Activity

fix(curriculum): Fixed question to replace misleading 'standard' and `alternative' terms with accurate content-box and border-box distinctions. (#58653)

Browse Source 
Co-authored-by: Jessica Wilkins <67210629+jdwilkin4@users.noreply.github.com>
This commit is contained in:
agilan11 2025-02-17 22:11:31 +05:30 committed by GitHub
parent f347306cf3
commit e20a169b9b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
curriculum/challenges/english/16-the-odin-project/top-the-box-model/the-box-model-lesson-i.md
View File

@ -13,23 +13,23 @@ Because the box model concept is so incredibly fundamental, let’s dig a bit de
## --text--
What is the difference between the standard and alternative box model?
Which of the following correctly describes the difference between the `content-box` and `border-box` box models in CSS?
## --answers--
The standard box model calculates the width and height of an element based on the content alone, while the alternative box model calculates based on the content plus padding and border.
The `content-box` model includes content, padding, and border within the specified width and height, while the `border-box` model includes only the content.
---
The standard box model includes content, padding, and border, while the alternative box model includes only the content.
In the `content-box` model, the specified width and height apply only to the content, excluding padding and border, whereas in the `border-box` model, they include padding and border.
---
The standard box model and the alternative box model are the same and have no differences.
The `content-box` model and the `border-box` model are the same and have no differences.
---
The standard box model includes only the content, while the alternative box model includes content, padding, and border.
In the `border-box` model, the width and height apply only to the content, while in the `content-box` model, they include padding and border.
## --video-solution--