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

fix(seed): Add Img to CSS Relative Positioning Challenge (#16728)

pull/16842/merge
Neenad Ingole 2018-03-07 09:08:29 +05:30 committed by mrugesh mohapatra
parent 4e241fc8ac
commit 53901aa822
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1052,7 +1052,8 @@
"id": "587d781e367417b2b2512aca",
"title": "Move a Relatively Positioned Element with CSS Offsets",
"description": [
"The CSS offsets of <code>top</code> or <code>bottom</code>, and <code>left</code> or <code>right</code> tell the browser how far to offset an item relative to where it would sit in the normal flow of the document. This can be slightly confusing, because you're offsetting an element away from a given spot, which effectively moves it towards the opposite direction. As you saw in the last challenge, using the top offset moved the h2 downwards. Likewise, using a left offset effectively moves an item to the right.",
"The CSS offsets of <code>top</code> or <code>bottom</code>, and <code>left</code> or <code>right</code> tell the browser how far to offset an item relative to where it would sit in the normal flow of the document. You're offsetting an element away from a given spot, which moves the element away from the referenced side (effectively, the opposite direction). As you saw in the last challenge, using the top offset moved the <code>h2</code> downwards. Likewise, using a left offset moves an item to the right.",
"<img src='https://i.imgur.com/eWWi3gZ.gif' alt='' />",
"<hr>",
"Use CSS offsets to move the <code>h2</code> 15 pixels to the right and 10 pixels up."
],