Assessment for position 2

MDN Learn
1

Hi! I’m looking for an assessment for Test your skills: Positioning problem 2
https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Position_skills

My codepen for this problem is below

question: the fixed position element will roll over the container content on the mdn assessment site. Screen grab here https://ibb.co/YpqgJQL. is this a limitation of fixed position or did i miss something from the positioning module

2

Hello @Chris_Elipas

you doing great

you do not need to do anything related to the container selector

just do the following

.container {
 
}

.sidebar {
  position: absolute;  // you can use fixed also 

}

hope that help and have a nice day :slight_smile:

3

Hi Chris_Elipas

Your question: the fixed position element will roll over the container content on the mdn assessment site.

do the following.

.sidebar {
position: sticky;
top: 0;
}

As we know position sticky is a hybrid between " relative " and " fixed " so in this case it will act as " fixed " and that will solve the current issue.

1 Like