Feature/positioning #2
Conversation
Feature/positioning box model
Complements css exercises for grid, media queries and layouts
pushdev-code
left a comment
pushdev-code
left a comment
There was a problem hiding this comment.
This exercise is not completed, double check the requirements of the exercise: https://pushdev-code.github.io/css-tutorial/2-positioning/
| @@ -0,0 +1,19 @@ | |||
| header { | |||
There was a problem hiding this comment.
This element is not being sticky. double check the functionality.
There was a problem hiding this comment.
you need to set a top property so the sticky works.
| @@ -0,0 +1,19 @@ | |||
| header { | |||
| background-color: black; | |||
There was a problem hiding this comment.
green borders are missing.
| position: sticky; | ||
| } | ||
|
|
||
| nav { |
There was a problem hiding this comment.
blue borders and 200px of width are missing.
2-positioning/style.css
Outdated
| } | ||
|
|
||
| section { | ||
| margin-left: 300px; |
There was a problem hiding this comment.
todo: red border and it’s 200px away from its left.
| footer { | ||
| background-color: brown; | ||
| font-style: italic; | ||
| position: fixed; |
There was a problem hiding this comment.
orange border and it’s fixed to the bottom.
pushdev-code
left a comment
pushdev-code
left a comment
There was a problem hiding this comment.
almost there, just one tweak.
| @@ -0,0 +1,19 @@ | |||
| header { | |||
There was a problem hiding this comment.
you need to set a top property so the sticky works.
No description provided.