Skip to content

Conversation

@Maddily
Copy link
Contributor

@Maddily Maddily commented Dec 1, 2025

Added a link to the CSS Stacking Context inspector browser extension. The ‘i’ in ‘inspector’ is lowercase to match the name as it appears on the Chrome Web Store.

Because

The browser extension helps learners visualize stacking contexts on a page, making it easier to understand layout and repaint behavior.

This PR

  • Adds an assignment to try out the CSS Stacking Context inspector browser extension.

Issue

Closes #28566

Additional Information

Pull Request Requirements

  • I have thoroughly read and understand The Odin Project curriculum contributing guide
  • The title of this PR follows the location of change: brief description of change format, e.g. Intro to HTML and CSS lesson: Fix link text
  • The Because section summarizes the reason for this PR
  • The This PR section has a bullet point list describing the changes in this PR
  • If this PR addresses an open issue, it is linked in the Issue section
  • If any lesson files are included in this PR, they have been previewed with the Markdown preview tool to ensure it is formatted correctly
  • If any lesson files are included in this PR, they follow the Layout Style Guide

Added a link to the CSS Stacking Context inspector browser extension for better understanding of stacking contexts.
@github-actions github-actions bot added the Content: Advanced HTML/CSS Involves the Advanced HTML/CSS course label Dec 1, 2025
@mao-sz mao-sz merged commit d9332e7 into TheOdinProject:main Dec 1, 2025
3 checks passed
@Maddily Maddily deleted the stacking-context-assignment branch December 1, 2025 15:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Content: Advanced HTML/CSS Involves the Advanced HTML/CSS course

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Advanced HTML and CSS: Mention a browser extension to inspect stacking contexts

2 participants