feat: added more questions to absolute and relative units quiz (freeCodeCamp#58441)

Co-authored-by: Jessica Wilkins <67210629+jdwilkin4@users.noreply.github.com>

Author: Ksound22

curriculum/challenges/english/25-front-end-development/quiz-css-relative-and-absolute-units/66ed9009f45ce3ece4053eb7.md

@@ -17,23 +17,23 @@ To pass the quiz, you must correctly answer at least 18 of the 20 questions belo
 
 #### --text--
 
-If the body text is `16px`, how much is `1em` in most child elements?
+What is an absolute unit?
 
 #### --distractors--
 
-`18px`
+Units that adjust dynamically based on screen size.
 
 ---
 
-`12px`
+Units that depend on the font size of the parent element.
 
 ---
 
-It depends on the parent's font size
+Units measured in percentages of the viewport.
 
 #### --answer--
 
-`16px`
+Fixed length units that are not relative to anything else.
 
 ### --question--
 
@@ -43,41 +43,41 @@ What does `100vw` cover in terms of screen width?
 
 #### --distractors--
 
-100% of the screen width
+`100%` of the screen width
 
 ---
 
-100% of the viewport height
+`100%` of the viewport height
 
 ---
 
-100% of the parent's width
+`100%` of the parent's width
 
 #### --answer--
 
-100% of the viewport width
+`100%` of the viewport width
 
 ### --question--
 
 #### --text--
 
-If a container is `1000px` wide, how wide is 5% of it?
+Which of the following is a relative unit?
 
 #### --distractors--
 
-`100px`
+`pt`
 
 ---
 
-`500px`
+`cm`
 
 ---
 
-`5px`
+`mm`
 
 #### --answer--
 
-`50px`
+`em`
 
 ### --question--
 
@@ -127,23 +127,23 @@ Add, subtract, multiply, or divide different units
 
 #### --text--
 
-On a typical screen with 96 DPI resolution, how many points (`pt`) are in 1 pixel (`px`)?
+Which unit is the most commonly used absolute unit in CSS?
 
 #### --distractors--
 
-`1.33pt`
+`inch`
 
 ---
 
-`1pt`
+`rem`
 
 ---
 
-`2pt`
+`%`
 
 #### --answer--
 
-`0.75pt`
+`px`
 
 ### --question--
 
@@ -215,23 +215,23 @@ It adds `10px` to `20%` of the parent's width.
 
 #### --text--
 
-If the parent element's text size is `20px`, how big is `1.5em`?
+Which unit is relative to the font size of the root element?
 
 #### --distractors--
 
-`25px`
+`px`
 
 ---
 
-`15px`
+`pt`
 
 ---
 
-`20px`
+`%`
 
 #### --answer--
 
-`30px`
+`rem`
 
 ### --question--
 
@@ -259,7 +259,7 @@ With a root font size of `16px`, how big is `10rem`?
 
 #### --text--
 
-Why might you use `pt` instead of `px` in design?
+Why might you use `point` instead of `pixels` in design?
 
 #### --distractors--
 
@@ -281,23 +281,23 @@ Points are for print design
 
 #### --text--
 
-How does `calc(10vh + 50px)` work for height?
+Why are `rem` units preferred over `pixels` in typography?
 
 #### --distractors--
 
-It adds `50px` to 10% of the viewport width.
+Because they provide fixed sizing regardless of screen resolution.
 
 ---
 
-It adds `10px` to 50% of the parent's height.
+Because they ensure compatibility with older browsers.
 
 ---
 
-It adds `10vh` to 50% of the document width.
+Because they are easier to implement in responsive designs.
 
 #### --answer--
 
-It adds `50px` to 10% of the viewport height.
+Because they scale proportionally with the user’s browser settings.
 
 ### --question--
 
@@ -307,63 +307,63 @@ How much screen space does `80vw` take?
 
 #### --distractors--
 
-80% of the parent's width
+`80%` of the parent's width
 
 ---
 
-100% of the viewport height
+`100%` of the viewport height
 
 ---
 
 `80px`
 
 #### --answer--
 
-80% of the viewport width
+`80%` of the viewport width
 
 ### --question--
 
 #### --text--
 
-If the root font size is `18px`, how big is `2rem`?
+Which units should you use if you want to make an element occupy a certain width or height by the percentage of the screen?
 
 #### --distractors--
 
-`24px`
+`pt` and `px`
 
 ---
 
-`18px`
+`rem` and `em`
 
 ---
 
-`20px`
+`pt` and `pc`
 
 #### --answer--
 
-`36px`
+`vw` and `vh`
 
 ### --question--
 
 #### --text--
 
-What does `calc(50% + 20px)` do for width?
+What does `vw` stand for?
 
 #### --distractors--
 
-It adds `20px` to 50% of the screen width.
+Vertical Width.
 
 ---
 
-It adds `50px` to the screen width.
+Virtual Width.
 
 ---
 
-It adds `50%` of the height to `20px`.
+Variable Width.
 
 #### --answer--
 
-It adds `50%` of the parent's width to `20px`.
+Viewport Width.
 
 ### --question--
 
@@ -373,41 +373,41 @@ What's the key difference between `rem` and `em` in CSS?
 
 #### --distractors--
 
-`rem` is only used for fonts.
+`em` is relative to the root element, while rem is relative to the parent element.
 
 ---
 
-`rem` is for width, `em` is for fonts.
+`rem` is relative to desktop width, while `em` is relative to mobile width.
 
 ---
 
-`rem` is always smaller than `em`.
+`rem` is relative to the user-defined width, while `em` is relative to the browser width.
 
 #### --answer--
 
-`rem` is based on the root font size, `em` is based on the parent's font size.
+`em` is relative to the font size of the parent element, while rem is relative to the root element.
 
 ### --question--
 
 #### --text--
 
-How does `calc(100px + 10%)` work for width?
+What is a `vh` unit?
 
 #### --distractors--
 
-It adds `10%` of the screen width to `100px`.
+A unit based on the width of the viewport.
 
 ---
 
-It adds `10%` of the height to `100px`.
+A unit based on the height of the element.
 
 ---
 
-It adds `100px` to `10%` of the document.
+A unit that adjusts based on font size.
 
 #### --answer--
 
-It adds `10%` of the parent's width to `100px`.
+A unit equal to 1% of the viewport height.
 
 ### --question--
 
@@ -435,21 +435,21 @@ It allows the browser to determine the width based on the content and container.
 
 #### --text--
 
-What happens when you use `calc(30vh - 10px)` for height?
+What’s a key advantage of the `calc()` function?
 
 #### --distractors--
 
-It subtracts `10px` from the parent's height.
+It automatically minifies your CSS files for better performance.
 
 ---
 
-It subtracts `30px` from the screen height.
+It enables the use of variables within CSS without any preprocessors.
 
 ---
 
-It adds `30%` of the parent's height minus `10px`.
+It allows embedding JavaScript expressions directly within CSS rules.
 
 #### --answer--
 
-It subtracts `10px` from `30%` of the viewport height.
+It lets you determine the value of a CSS property dynamically based on different aspects of the application or viewport.
 

curriculum/challenges/english/25-front-end-development/review-css-relative-and-absolute-units/671a8f8350c20a7439015c98.md

@@ -11,7 +11,7 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## Absolute Units
 
-- **`px` (Pixels)**: This absolute unit is a fixed-size unit of measurement in CSS, providing precise control over dimensions. This means that 1px is always equal to 1/96th of an inch.
+- **`px` (Pixels)**: This absolute unit is a fixed-size unit of measurement in CSS. It is the most common absolute unit and provides precise control over dimensions. `1px` is always equal to 1/96th of an inch.
 - **`in` (Inch)**: This absolute unit is equal to 96px.
 - **`cm` (Centimeters)**: This absolute unit is equal to 25.2/64 of an inch.
 - **`mm` (Millimeters)**: This absolute unit is equal to 1/10th of a centimeter.