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 Packages Projects Releases Wiki Activity

fix(curriculum): audit basic CSS quiz (#58346)

Browse Source
This commit is contained in:
Dario-DC 2025-01-27 15:42:13 +01:00 committed by GitHub
parent 32eca01d3d
commit 89289a2fbf
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 21 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
curriculum/challenges/english/25-front-end-development/quiz-basic-css/66ed8fa2f45ce3ece4053eab.md
View File

@ -39,7 +39,7 @@ Cascading Style Sheets
#### --text--
Which answer uses the correct structure of using a CSS rule?
Which of the following is a correct CSS rule?
#### --distractors--
@ -65,19 +65,19 @@ What does `<meta name="viewport">` do?
#### --distractors--
Establishes flexbox within the device.
It links external stylesheets to a webpage for responsive design.
---
Creates the font for the device.
It specifies the metadata used by search engines to index a webpage.
---
Makes the website automatically responsive.
It specifies the character encoding used on the webpage.
#### --answer--
Controls the shape and size of the web page from a user's device.
It controls the shape and size of a web page on different screen sizes.
### --question--
@ -241,19 +241,19 @@ What statement is TRUE about block-level elements?
#### --distractors--
Block-level elements don't start on new lines.
Block-level elements stack horizontally by default.
---
Block-level elements only takes up as much as it needs.
`width` and `height` properties usually do not apply to block-level elements unless you set their `display` property to `inline-block`.
---
Block-level elements come with no margin.
Block-level elements cannot contain inline elements inside them.
#### --answer--
Block-level elements start on a new line with margin before and after the element.
Block-level elements start on a new line and take up the full width of their container.
### --question--
@ -263,19 +263,19 @@ What statement is TRUE when using the `inline-block` value?
#### --distractors--
Doesn't allow you to set the height and width.
Elements stack vertically, always taking up the full width of their container.
---
Top and bottom margins not respected.
Elements align horizontally but cannot apply vertical padding or margin.
---
Adds a line break after an element.
Elements respect width and height settings but cannot contain other elements inside them.
#### --answer--
Allows you to place elements next to each other while letting you set the height and width.
Elements retain inline flow but allow setting width and height.
### --question--
@ -351,19 +351,19 @@ What does `!important` do in CSS?
#### --distractors--
It doesn't effect the code.
It makes the CSS rule work exclusively for inline styles and ignores styles defined in external or internal stylesheets.
---
Applies to all properties in the code.
It disables all other CSS properties applied to the same element, effectively making it the only rule that affects the element's styling.
---
Applies on to a certain selector or group of elements.
It applies on to a certain selector or group of elements.
#### --answer--
Overrides any other values applied to the property for that selector.
It overrides any other values applied to the property for that selector.
### --question--
@ -373,19 +373,19 @@ How does the CSS Cascade algorithm work?
#### --distractors--
Determines styles of the element based on alphabetical order.
It determines styles of the element based on order of declaration, regardless of other factors.
---
Gives animations to the page.
It applies styles based solely on the order they are written, ignoring specificity.
---
Improves Search Engine Optimization (SEO).
It applies styles prioritizing specificity, ignoring origin and relevance.
#### --answer--
Determines styles of the element based on specificity and order of declaration.
It determines styles of the element based on specificity and order of declaration.
### --question--