Remove EASY from CSS guides section #42324

estelle · 2025-12-09T16:38:21Z

reduced the occurrence of easy and easier within the CSS guides section.

github-actions · 2025-12-09T16:39:52Z

Preview URLs (19 pages)

Flaws (4)

Note! 18 documents with no flaws that don't need to be listed. 🎉

URL: /en-US/docs/Web/CSS/Guides/Syntax/Error_handling
Title: CSS error handling
Flaw count: 4

macros:
- Macro produces link /en-US/docs/Web/CSS/at-rule which is a redirect
- Macro produces link /en-US/docs/Web/CSS/class_selectors which is a redirect
- Macro produces link /en-US/docs/Web/CSS/id_selectors which is a redirect
- Macro produces link /en-US/docs/Web/CSS/type_selectors which is a redirect

External URLs (1)

URL: /en-US/docs/Web/CSS/Guides/Text/Whitespace
Title: Handling whitespace

https://firefox-source-docs.mozilla.org/devtools-user/index.html (1 time) (Note! This may be a new URL 👀)

chrisdavidmills

@estelle This is mostly looking good; I've made a few suggestions for cleaning up messy wording and fixing grammatical issues (most of which are not your fault ;-) )

chrisdavidmills · 2025-12-10T11:15:06Z

files/en-us/web/css/guides/animations/using/index.md

 There are three key advantages to CSS animations over traditional script-driven animation techniques:

-1. They're easy to use for basic animations; you can create them without even having to know JavaScript.
+1. With just a few lines of you define basic animations; you can create them without even having to know JavaScript.


Suggested change

1. With just a few lines of you define basic animations; you can create them without even having to know JavaScript.

1. You can create basic animations with a few lines of CSS; no JavaScript required.

chrisdavidmills · 2025-12-10T11:20:01Z

files/en-us/web/css/guides/display/block_and_inline_layout/index.md

 ## Summary

-In this guide, we have looked at how elements display in normal flow, as block and inline elements. Due to the default behavior of these elements, an HTML document with no CSS styling at all, will display in a readable way. By understanding how normal flow works you will find layout easier, as you understand the starting point for making changes to how elements are displayed.
+In this guide, we have looked at how elements display in normal flow, as block and inline elements. Due to the default behavior of these elements, an HTML document with no CSS styling at all, will display in a readable way. By understanding how normal flow works you will better understand layout, which is an important starting point when making changes to how elements are displayed.


Suggested change

In this guide, we have looked at how elements display in normal flow, as block and inline elements. Due to the default behavior of these elements, an HTML document with no CSS styling at all, will display in a readable way. By understanding how normal flow works you will better understand layout, which is an important starting point when making changes to how elements are displayed.

In this guide, we have looked at how elements display in normal flow, as block and inline elements. An HTML document with no CSS styling at all will display in a readable way due to this default behavior. Understanding how normal flow works is an important starting point for understanding CSS layout as a whole.

Seemed a bit wordy and waffly...

chrisdavidmills · 2025-12-10T11:22:44Z

files/en-us/web/css/guides/display/flow_layout_and_overflow/index.md

 ## Summary

-Whether you are in continuous media on the web or in a Paged Media format such as print or EPUB, understanding how content overflows is useful when dealing with any layout method. By understanding how overflow works in normal flow, you should find it easier to understand the implications of overflow content in layout methods such as grid and flexbox.
+Whether you are in continuous media on the web or in a Paged Media format such as print or EPUB, understanding how content overflows is useful when dealing with any layout method. When you understand how overflow works in normal flow, you will be better able to understand the implications of overflow content in layout methods such as grid and flexbox.


Suggested change

Whether you are in continuous media on the web or in a Paged Media format such as print or EPUB, understanding how content overflows is useful when dealing with any layout method. When you understand how overflow works in normal flow, you will be better able to understand the implications of overflow content in layout methods such as grid and flexbox.

Whether you are in continuous media on the web or in a Paged Media format such as print or EPUB, understanding how content overflows is useful when dealing with any layout method. Understanding how overflow works in normal flow enables a greater understanding of the implications of overflow content in layout methods such as grid and flexbox.

chrisdavidmills · 2025-12-10T11:23:45Z

files/en-us/web/css/guides/display/flow_layout_and_writing_modes/index.md

 {{EmbedLiveSample("width")}}

-Therefore, we have new properties of {{cssxref("block-size")}} and {{cssxref("inline-size")}}. If we give our block an `inline-size` of 100px, it doesn't matter whether we are in a horizontal or a vertical writing mode, `inline-size` will always mean the size in the inline direction.
+Therefore, we have the properties of {{cssxref("block-size")}} and {{cssxref("inline-size")}}. If we give our block an `inline-size` of 100px, it doesn't matter whether we are in a horizontal or a vertical writing mode, `inline-size` will always mean the size in the inline direction.


Suggested change

Therefore, we have the properties of {{cssxref("block-size")}} and {{cssxref("inline-size")}}. If we give our block an `inline-size` of 100px, it doesn't matter whether we are in a horizontal or a vertical writing mode, `inline-size` will always mean the size in the inline direction.

Therefore, we have the {{cssxref("block-size")}} and {{cssxref("inline-size")}} properties. If we give our block an `inline-size` of 100px, it doesn't matter whether we are in a horizontal or vertical writing mode; `inline-size` will always mean the size in the inline direction.

chrisdavidmills · 2025-12-10T11:26:40Z

files/en-us/web/css/guides/display/flow_layout_and_writing_modes/index.md

 ## Summary

-In most cases, flow layout works as you would expect it to when changing the writing mode of the document or parts of the document. This can be used to properly typeset vertical languages or for creative reasons. CSS is making this easier by way of introducing logical properties and values so that when working in a vertical writing mode sizing can be based on element's inline and block size. This will be useful when creating components which can work in different writing-modes.
+In most cases, flow layout works as you would expect it to when changing the writing mode of the document or parts of the document. This can be used to properly typeset vertical languages or for creative reasons. With CSS logical properties and values, vertical writing mode sizing can be based on element's inline and block size. This is useful when creating components which can work in different writing-modes.


Suggested change

In most cases, flow layout works as you would expect it to when changing the writing mode of the document or parts of the document. This can be used to properly typeset vertical languages or for creative reasons. With CSS logical properties and values, vertical writing mode sizing can be based on element's inline and block size. This is useful when creating components which can work in different writing-modes.

In most cases, flow layout works as expected when changing the writing mode of whole documents or individual sections. This can be used to properly typeset vertical languages or for creative reasons. With CSS logical properties and values, vertical writing mode sizing can be based on an element's inline and block size. This is useful for creating components that work in different writing modes.

chrisdavidmills · 2025-12-10T11:31:06Z

files/en-us/web/css/guides/grid_layout/grid_template_areas/index.md

 ## Using `grid-template-areas` for UI elements

-Many of the grid examples you will find online make the assumption that you will use grid for main page layout, however grid can be just as useful for small elements as those larger ones. Using {{cssxref("grid-template-areas")}} can be especially nice as it is easy to see in the code what your element looks like.
+Many of the grid examples you will find online make the assumption that you will use grid for main page layout, however grid can be just as useful for small elements as those larger ones. Using {{cssxref("grid-template-areas")}} can be especially nice as it enables seeing in the code what your element looks like.


Suggested change

Many of the grid examples you will find online make the assumption that you will use grid for main page layout, however grid can be just as useful for small elements as those larger ones. Using {{cssxref("grid-template-areas")}} can be especially nice as it enables seeing in the code what your element looks like.

Many of the grid examples you will find online assume you are using grid for whole page layouts; however, grid can be just as useful for laying out small sections. Using {{cssxref("grid-template-areas")}} can be especially nice as it allows you to visualize what your element looks like in the code.

chrisdavidmills · 2025-12-10T11:32:56Z

files/en-us/web/css/guides/properties_and_values_api/houdini/index.md

 ---

-**CSS Houdini** is a set of APIs that expose parts of the CSS engine. This makes it easier for developers to create extensions for CSS. These extensions might be to polyfill features that are not yet available in a browser, experiment with new ways of doing layout, or add creative borders or other effects.
+**CSS Houdini** is a set of APIs that expose parts of the CSS engine enabling developers to create CSS extensions. These extensions might be to polyfill features that are not yet available in a browser, experiment with new ways of doing layout, or add creative borders or other effects.


Suggested change

**CSS Houdini** is a set of APIs that expose parts of the CSS engine enabling developers to create CSS extensions. These extensions might be to polyfill features that are not yet available in a browser, experiment with new ways of doing layout, or add creative borders or other effects.

**CSS Houdini** is a set of APIs that expose parts of the CSS engine, enabling developers to create CSS extensions. These extensions might polyfill features that are not yet available in browsers, experiment with new layout techniques, or add creative borders and other effects.

Remove EASY from CSS guides section

5abf734

estelle requested a review from a team as a code owner December 9, 2025 16:38

estelle requested review from chrisdavidmills and removed request for a team December 9, 2025 16:38

github-actions bot added Content:CSS Cascading Style Sheets docs size/m [PR only] 51-500 LoC changed labels Dec 9, 2025

chrisdavidmills approved these changes Dec 10, 2025

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Remove EASY from CSS guides section #42324

Remove EASY from CSS guides section #42324

Uh oh!

estelle commented Dec 9, 2025

Uh oh!

github-actions bot commented Dec 9, 2025

Uh oh!

chrisdavidmills left a comment

Uh oh!

chrisdavidmills Dec 10, 2025

Uh oh!

chrisdavidmills Dec 10, 2025

Uh oh!

chrisdavidmills Dec 10, 2025

Uh oh!

chrisdavidmills Dec 10, 2025

Uh oh!

chrisdavidmills Dec 10, 2025

Uh oh!

chrisdavidmills Dec 10, 2025

Uh oh!

chrisdavidmills Dec 10, 2025

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

	1. With just a few lines of you define basic animations; you can create them without even having to know JavaScript.
	1. You can create basic animations with a few lines of CSS; no JavaScript required.

	In this guide, we have looked at how elements display in normal flow, as block and inline elements. Due to the default behavior of these elements, an HTML document with no CSS styling at all, will display in a readable way. By understanding how normal flow works you will better understand layout, which is an important starting point when making changes to how elements are displayed.
	In this guide, we have looked at how elements display in normal flow, as block and inline elements. An HTML document with no CSS styling at all will display in a readable way due to this default behavior. Understanding how normal flow works is an important starting point for understanding CSS layout as a whole.

	Whether you are in continuous media on the web or in a Paged Media format such as print or EPUB, understanding how content overflows is useful when dealing with any layout method. When you understand how overflow works in normal flow, you will be better able to understand the implications of overflow content in layout methods such as grid and flexbox.
	Whether you are in continuous media on the web or in a Paged Media format such as print or EPUB, understanding how content overflows is useful when dealing with any layout method. Understanding how overflow works in normal flow enables a greater understanding of the implications of overflow content in layout methods such as grid and flexbox.

	Therefore, we have the properties of {{cssxref("block-size")}} and {{cssxref("inline-size")}}. If we give our block an `inline-size` of 100px, it doesn't matter whether we are in a horizontal or a vertical writing mode, `inline-size` will always mean the size in the inline direction.
	Therefore, we have the {{cssxref("block-size")}} and {{cssxref("inline-size")}} properties. If we give our block an `inline-size` of 100px, it doesn't matter whether we are in a horizontal or vertical writing mode; `inline-size` will always mean the size in the inline direction.

	Many of the grid examples you will find online make the assumption that you will use grid for main page layout, however grid can be just as useful for small elements as those larger ones. Using {{cssxref("grid-template-areas")}} can be especially nice as it enables seeing in the code what your element looks like.
	Many of the grid examples you will find online assume you are using grid for whole page layouts; however, grid can be just as useful for laying out small sections. Using {{cssxref("grid-template-areas")}} can be especially nice as it allows you to visualize what your element looks like in the code.

	CSS Houdini is a set of APIs that expose parts of the CSS engine enabling developers to create CSS extensions. These extensions might be to polyfill features that are not yet available in a browser, experiment with new ways of doing layout, or add creative borders or other effects.
	CSS Houdini is a set of APIs that expose parts of the CSS engine, enabling developers to create CSS extensions. These extensions might polyfill features that are not yet available in browsers, experiment with new layout techniques, or add creative borders and other effects.

Remove EASY from CSS guides section #42324

Are you sure you want to change the base?

Remove EASY from CSS guides section #42324

Uh oh!

Conversation

estelle commented Dec 9, 2025

Uh oh!

github-actions bot commented Dec 9, 2025

Uh oh!

chrisdavidmills left a comment

Choose a reason for hiding this comment

Uh oh!

chrisdavidmills Dec 10, 2025

Choose a reason for hiding this comment

Uh oh!

chrisdavidmills Dec 10, 2025

Choose a reason for hiding this comment

Uh oh!

chrisdavidmills Dec 10, 2025

Choose a reason for hiding this comment

Uh oh!

chrisdavidmills Dec 10, 2025

Choose a reason for hiding this comment

Uh oh!

chrisdavidmills Dec 10, 2025

Choose a reason for hiding this comment

Uh oh!

chrisdavidmills Dec 10, 2025

Choose a reason for hiding this comment

Uh oh!

chrisdavidmills Dec 10, 2025

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants