CSS module: box alignment

[estelle]

Updating the CSS box alignment module landing page.

• updated the landing page.
• reviewed the guides
• moved guide content from landing page to an overview guide page.
• updated links that went to the old landing page.

To maek the PR review process manageable:

• data-types are in a separate PR. - New pages: CSS box alignment data types #37567
• alignment-baseline is in a separate PR - New CSS page: alignment-baseline #37564

fixes openwebdocs/project#215

[github-actions]

Preview URLs (9 pages)

• /en-US/docs/Glossary/Baseline/Typography
• /en-US/docs/Mozilla/Firefox/Releases/61
• /en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_block_abspos_tables
• /en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_flexbox
• /en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout
• /en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_multi-column_layout
• /en-US/docs/Web/CSS/CSS_box_alignment/box_alignment
• /en-US/docs/Web/CSS/CSS_box_alignment
• /en-US/docs/Web/SVG/Attribute/alignment-baseline

Flaws (258)

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

URL: /en-US/docs/Web/CSS/CSS_box_alignment
Title: CSS box alignment
Flaw count: 57

• macros:
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/Getting_started_with_the_web/CSS_basics
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS/First_steps
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS/First_steps/What_is_CSS
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS/First_steps/Getting_started
  • and 51 more flaws omitted
• broken_links:
  • Can't resolve /en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment

---

URL: /en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_flexbox
Title: Box alignment in flexbox
Flaw count: 49

• macros:
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/Getting_started_with_the_web/CSS_basics
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS/First_steps
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS/First_steps/What_is_CSS
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS/First_steps/Getting_started
  • and 43 more flaws omitted
• broken_links:
  • Can't resolve /en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment

---

URL: /en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_block_abspos_tables
Title: Box alignment for block, absolutely positioned, and table layouts
Flaw count: 1

• broken_links:
  • Can't resolve /en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment

---

URL: /en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_grid_layout
Title: Box alignment in grid layout
Flaw count: 49

• macros:
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/Getting_started_with_the_web/CSS_basics
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS/First_steps
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS/First_steps/What_is_CSS
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS/First_steps/Getting_started
  • and 43 more flaws omitted
• broken_links:
  • Can't resolve /en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment

---

URL: /en-US/docs/Web/CSS/CSS_box_alignment/box_alignment
Title: CSS box alignment overview
Flaw count: 53

• macros:
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/Getting_started_with_the_web/CSS_basics
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS/First_steps
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS/First_steps/What_is_CSS
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS/First_steps/Getting_started
  • and 48 more flaws omitted

---

URL: /en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_multi-column_layout
Title: Box alignment in multi-column layout
Flaw count: 49

• macros:
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/Getting_started_with_the_web/CSS_basics
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS/First_steps
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS/First_steps/What_is_CSS
  • Wrong xref macro used (consider changing which macro you use). Error processing path /en-US/docs/Learn/CSS/First_steps/Getting_started
  • and 43 more flaws omitted
• broken_links:
  • Can't resolve /en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment

External URLs (1)

URL: /en-US/docs/Mozilla/Firefox/Releases/61
Title: Firefox 61 for developers

• https://bugzil.la/1398482 (1 time) (Note! This may be a new URL 👀)

(comment last updated: 2025-01-15 18:19:05)

[chrisdavidmills]

@estelle stellar work! I've left some comments for you to consider.

[chrisdavidmills]

This page makes sense, and it is structurally fine. However, calling the page the same as its parent page and having a slug of CSS_box_alignment/box_alignment seems redundant and a bit weird.

Calling the page "CSS box alignment overview" and having its slug as CSS_box_alignment/Overview (or similar) would make more sense, IMO.

[chrisdavidmills]

The slug is still a bit odd, so flagging this again. If you feel strongly that it is not a problem, I'll leave it alone.

[chrisdavidmills]

Looking good @estelle. There are a couple of changes that I think would still be good to make, and I've commented those bits in my previous review, but I think it is up to you whether you want to tackle them now or leave them to a different PR.

I've also made a commit directly to your branch to fix a snafu I made in the text with one of my previous suggestions. Sorry about that!

Approving. Feel free to merge when ready.