greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix(challenges): Change offset values (#17006) 

Made offset values 50px so change is visible

BREAKING CHANGE: N/A

Closes #14681
pull/18182/head
rcohane 2018-04-04 21:24:39 -04:00 committed by mstellaluna
parent f9a63ee581
commit d612f48d5e
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
challenges/01-responsive-web-design/applied-visual-design.json
View File

@ -1091,7 +1091,7 @@
"The next option for the CSS <code>position</code> property is <code>absolute</code>, which locks the element in place relative to its parent container. Unlike the <code>relative</code> position, this removes the element from the normal flow of the document, so surrounding items ignore it. The CSS offset properties (top or bottom and left or right) are used to adjust the position.", "The next option for the CSS <code>position</code> property is <code>absolute</code>, which locks the element in place relative to its parent container. Unlike the <code>relative</code> position, this removes the element from the normal flow of the document, so surrounding items ignore it. The CSS offset properties (top or bottom and left or right) are used to adjust the position.",
"One nuance with absolute positioning is that it will be locked relative to its closest <em>positioned</em> ancestor. If you forget to add a position rule to the parent item, (this is typically done using <code>position: relative;</code>), the browser will keep looking up the chain and ultimately default to the body tag.", "One nuance with absolute positioning is that it will be locked relative to its closest <em>positioned</em> ancestor. If you forget to add a position rule to the parent item, (this is typically done using <code>position: relative;</code>), the browser will keep looking up the chain and ultimately default to the body tag.",
"<hr>", "<hr>",
"Lock the <code>#searchbar</code> element to the top-right of its <code>section</code> parent by declaring its <code>position</code> as <code>absolute</code>. Give it <code>top</code> and <code>right</code> offsets of 0.5 pixels each." "Lock the <code>#searchbar</code> element to the top-right of its <code>section</code> parent by declaring its <code>position</code> as <code>absolute</code>. Give it <code>top</code> and <code>right</code> offsets of 50 pixels each."
], ],
"challengeSeed": [ "challengeSeed": [
"<style>", "<style>",
@ -1117,8 +1117,8 @@
], ],
"tests": [ "tests": [
"assert($('#searchbar').css('position') == 'absolute', 'message: The <code>#searchbar</code> element should have a <code>position</code> set to <code>absolute</code>.');", "assert($('#searchbar').css('position') == 'absolute', 'message: The <code>#searchbar</code> element should have a <code>position</code> set to <code>absolute</code>.');",
"assert($('#searchbar').css('top') == '0.5px', 'message: Your code should use the <code>top</code> CSS offset of 0.5 pixels on the <code>#searchbar</code> element.');", "assert($('#searchbar').css('top') == '50px', 'message: Your code should use the <code>top</code> CSS offset of 50 pixels on the <code>#searchbar</code> element.');",
"assert($('#searchbar').css('right') == '0.5px', 'message: Your code should use the <code>right</code> CSS offset of 0.5 pixels on the <code>#searchbar</code> element.');" "assert($('#searchbar').css('right') == '50px', 'message: Your code should use the <code>right</code> CSS offset of 50 pixels on the <code>#searchbar</code> element.');"
], ],
"solutions": [], "solutions": [],
"hints": [], "hints": [],