Skip to content

Commit a09b430

Browse files
authored
fix: Typos in lecture on Working with CSS Transforms, Overflow, and Filters (freeCodeCamp#64361)
1 parent cabddb7 commit a09b430

File tree

2 files changed

+5
-5
lines changed

2 files changed

+5
-5
lines changed

curriculum/challenges/english/blocks/lecture-working-with-css-transforms-overflow-and-filters/672bcc8ccc976fd791610f43.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -148,7 +148,7 @@ If you are using `transform` to hide or reveal content, make sure the content is
148148

149149
When applying `transform` to interactive elements like buttons or links, ensure that the clickable area remains intuitive and easily targetable. A drastically transformed button might be visually confusing or difficult to click especially for users with motor impairments.
150150

151-
In conclusion, while the CSS `transform` property is a powerful for creating visually dynamic web designs, it's essential to use it responsibly with accessibility in mind. Always test your transformed elements with various assisted technologies and consider providing alternative ways to access information or functionality that might be affected by transforms.
151+
In conclusion, while the CSS `transform` property is a powerful tool for creating visually dynamic web designs, it's essential to use it responsibly with accessibility in mind. Always test your transformed elements with various assisted technologies and consider providing alternative ways to access information or functionality that might be affected by transforms.
152152

153153
# --questions--
154154

curriculum/challenges/english/blocks/lecture-working-with-css-transforms-overflow-and-filters/672bcc9c4a6dd6d7dd3e6357.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -21,23 +21,23 @@ This is an example with the `padding` shorthand property, where we set the top p
2121
padding: 15px 5px 2px 8px;
2222
```
2323

24-
The border is the outer edge or outline of an element in the CSS box model. It's the visual boundary of the element. You can customize the border style, width, color and other properties using the `border` property. Here's an example where we set the border to a width of five pixels, a solid state and a color of blue:
24+
The border is the outer edge or outline of an element in the CSS box model. It's the visual boundary of the element. You can customize the border style, width, color and other properties using the `border` property. Here's an example where we set the border to a width of five pixels, the style to solid and a color of blue:
2525

2626
```css
2727
border: 5px solid blue;
2828
```
2929

3030
If you omit a value the default property of that value will be used. That's `medium` for the width, `none` for the style and the current color for the color.
3131

32-
You can set this three properties directly in the shorthand `border` property if you want all sides to be exactly the same. But if you want to assign a different style to each side you can use the `border-width`, `border-style` and `border-color` properties.
32+
You can set these three properties directly in the shorthand `border` property if you want all sides to be exactly the same. But if you want to assign a different style to each side you can use the `border-width`, `border-style` and `border-color` properties.
3333

3434
```css
3535
border-width: 2px 4px 7px 12px;
3636
border-style: dashed solid solid dashed;
3737
border-color: blue red green black;
3838
```
3939

40-
You can write up the four values for each one of these properties. They will be applied in a clockwise sequence starting from the top. If you only write one value it will be applied to all four sides.
40+
You can write up to four values for each one of these properties. They will be applied in a clockwise sequence starting from the top. If you only write one value it will be applied to all four sides.
4141

4242
Finally, the margin is the space outside the border of an element. It determines the distance between an element and other elements around it. You can set different margin values for the top, right, bottom and left sides of the element using the `margin` property.
4343

@@ -51,7 +51,7 @@ These four components are essential for calculating the total width and height o
5151

5252
In the next few lessons, you will learn more about how this is handled by the browser and how you can customize it. The CSS box model is a fundamental concept for web development.
5353

54-
Understanding how this component interact and contribute to an element's dimensions is essential for implementing web designs.
54+
Understanding how these components interact and contribute to an element's dimensions is essential for implementing web designs.
5555

5656
# --questions--
5757

0 commit comments

Comments
 (0)