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

Changes order of padding, border, margin in introductory sentence. (#39414)

Browse Source
This commit is contained in:
Carlos Diaz
2020-08-30 23:28:42 -04:00
committed by GitHub
parent 9c3de2df24
commit e0a062a3e7
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
curriculum/challenges/english/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.english.md
View File

@ -11,7 +11,7 @@ forumTopicId: 301083
<section id='description'> <section id='description'>
Now let's put our Cat Photo App away for a little while and learn more about styling HTML. Now let's put our Cat Photo App away for a little while and learn more about styling HTML.
You may have already noticed this, but all HTML elements are essentially little rectangles. You may have already noticed this, but all HTML elements are essentially little rectangles.
Three important properties control the space that surrounds each HTML element: <code>padding</code>, <code>margin</code>, and <code>border</code>. Three important properties control the space that surrounds each HTML element: <code>padding</code>, <code>border</code>, and <code>margin</code>.
An element's <code>padding</code> controls the amount of space between the element's content and its <code>border</code>. An element's <code>padding</code> controls the amount of space between the element's content and its <code>border</code>.
Here, we can see that the blue box and the red box are nested within the yellow box. Note that the red box has more <code>padding</code> than the blue box. Here, we can see that the blue box and the red box are nested within the yellow box. Note that the red box has more <code>padding</code> than the blue box.
When you increase the blue box's <code>padding</code>, it will increase the distance (<code>padding</code>) between the text and the border around it. When you increase the blue box's <code>padding</code>, it will increase the distance (<code>padding</code>) between the text and the border around it.