gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: fixed position challenge (#37945)

Browse Source
This commit is contained in:
Tom
2020-01-02 18:41:36 -06:00
committed by Christopher McCormack
parent fe1c6b24ab
commit 0adfc79c7a
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
curriculum/challenges/english/01-responsive-web-design/applied-visual-design/lock-an-element-to-the-browser-window-with-fixed-positioning.english.md
View File

@ -14,7 +14,7 @@ One key difference between the <code>fixed</code> and <code>absolute</code> posi
## Instructions ## Instructions
<section id='instructions'> <section id='instructions'>
The navigation bar in the code is labeled with an id of <code>navbar</code>. Change its <code>position</code> to <code>fixed</code>, and offset it 0 pixels from the <code>top</code> and 0 pixels from the <code>left</code>. Notice the (lack of) impact to the <code>h1</code> position, it hasn't been pushed down to accommodate the navigation bar and would need to be adjusted separately. The navigation bar in the code is labeled with an id of <code>navbar</code>. Change its <code>position</code> to <code>fixed</code>, and offset it 0 pixels from the <code>top</code> and 0 pixels from the <code>left</code>. After you have added the code, scroll the preview window to see how the navigation stays in place.
</section> </section>
## Tests ## Tests
@ -40,6 +40,9 @@ tests:
```html ```html
<style> <style>
body {
min-height: 150vh;
}
#navbar { #navbar {
@ -84,6 +87,9 @@ tests:
```html ```html
<style> <style>
body {
min-height: 150vh;
}
#navbar { #navbar {
position: fixed; position: fixed;
top: 0; top: 0;