diff --git a/curriculum/challenges/english/blocks/lecture-what-is-css/672acc03c257524d6a5151e8.md b/curriculum/challenges/english/blocks/lecture-what-is-css/672acc03c257524d6a5151e8.md index c1e5748e187..169036da5b8 100644 --- a/curriculum/challenges/english/blocks/lecture-what-is-css/672acc03c257524d6a5151e8.md +++ b/curriculum/challenges/english/blocks/lecture-what-is-css/672acc03c257524d6a5151e8.md @@ -11,7 +11,7 @@ In CSS, the `width` and `height` properties are used to control the dimensions o These properties can be defined in different units such as pixels (`px`), percentages (`%`), viewport units (`vw`, `vh`), and more. -The `width` property specifies the width of an element. If you do not specify a width, then the default is set to `auto`. This means the element will take up the full width of its parent container. +The `width` property specifies the width of an element. If you do not specify a width, then the default is set to `auto`. This lets the browser determine the element's width based on its content, parent, and display type. For a `div` element, `width: auto` makes it expand to fill the full width of its parent container. The `height` property specifies the height of an element. Similarly, the height is `auto` by default, which means it will adjust to the content inside. diff --git a/curriculum/challenges/english/blocks/review-basic-css/671a887a7e62c75e9ab1ee4a.md b/curriculum/challenges/english/blocks/review-basic-css/671a887a7e62c75e9ab1ee4a.md index 0bf74e22a56..973a5237e67 100644 --- a/curriculum/challenges/english/blocks/review-basic-css/671a887a7e62c75e9ab1ee4a.md +++ b/curriculum/challenges/english/blocks/review-basic-css/671a887a7e62c75e9ab1ee4a.md @@ -38,7 +38,7 @@ Here is an example of inline CSS: ## Working With the `width` and `height` Properties -- **`width` Property**: This property specifies the width of an element. If you do not specify a width, then the default is set to `auto`. This means the element will take up the full width of its parent container. +- **`width` Property**: This property specifies the width of an element. If you do not specify a width, then the default is set to `auto`. This lets the browser determine the element's width based on its content, parent, and display type. - **`min-width` Property**: This property specifies the minimum width for an element. - **`max-width` Property**: This property specifies the maximum width for an element. - **`height` Property**: This property specifies the height of an element. Similarly, the height is `auto` by default, which means it will adjust to the content inside. diff --git a/curriculum/challenges/english/blocks/review-css/671a9a0a140c2b9d6a75629f.md b/curriculum/challenges/english/blocks/review-css/671a9a0a140c2b9d6a75629f.md index 83f4ba16e9a..67bcbd1e5af 100644 --- a/curriculum/challenges/english/blocks/review-css/671a9a0a140c2b9d6a75629f.md +++ b/curriculum/challenges/english/blocks/review-css/671a9a0a140c2b9d6a75629f.md @@ -24,7 +24,7 @@ Review the concepts below to prepare for the upcoming exam. ## Working With the `width` and `height` Properties -- **`width` Property**: This property specifies the width of an element. If you do not specify a width, then the default is set to `auto`. This means the element will take up the full width of its parent container. +- **`width` Property**: This property specifies the width of an element. If you do not specify a width, then the default is set to `auto`. This lets the browser determine the element's width based on its content, parent, and display type. - **`min-width` Property**: This property specifies the minimum width for an element. - **`max-width` Property**: This property specifies the maximum width for an element. - **`height` Property**: This property specifies the height of an element. Similarly, the height is `auto` by default, which means it will adjust to the content inside.