freeCodeCamp / freeCodeCamp/CurriculumExpansion

Add stacking context lesson in CSS positioning lesson block

Open
#1,062 1 comment 0 reactions 0 assignees View on GitHub
full stack cert
Dominant language
JavaScript
Stars
340
Forks
146
PR merge metrics
No merged PRs in 30d

Description

We had a suggestion for a new issue here

https://github.com/freeCodeCamp/freeCodeCamp/issues/58411

We can add a new lesson after the z-index one about stacking context. Here are the MDN docs for that
https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Positioned_layout/Stacking_context

The new lesson can be called `What is the stacking context and how does it work?`

Here are the suggestions from the original issue on what to discuss in this lesson

- stacking contexts, including
- when they are created
- how they interact with the `z-index` property
- on what basis a stacking context takes priority over another
- etc.
- the `clear` property and how it works

This new lesson should be added after the z-index one here

https://www.freecodecamp.org/learn/responsive-web-design-v9/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/what-is-the-z-index-property

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.