Assignments

Learning Report #6

Adding Margins and Padding:

The padding clears an area around the content (inside the border) of an element. The padding is affected by the background color of the element. The top, right, bottom, and left padding can be changed independently using separate properties. A shorthand padding property can also be used, to change all paddings at once. In CSS, use the padding attribute within an item in order to change the padding of it.

The CSS margin properties define the space around elements. The margin clears an area around an element (outside the border). The margin does not have a background color, and is completely transparent. The top, right, bottom, and left margin can be changed independently using separate properties. A shorthand margin property can also be used, to change all margins at once. In CSS, use the margin attribute within an item in order to change the margin of it.

Information from: CSS Margins - W3 Schools

and from: CSS Padding - W3 Schools

Why Important:

Now that my site is becoming more developed and how I want it to look; I am able to see where things are placed. By default, many things fall really close to its respective borders, and this isn't too eye pleasing. So I'm able to move things around, and create padding between items; between links, and between content and borders. By doing this, my website looks better and everything looks nicely spaced and not so crowded together.

Implication:

On my site, if you look around at it, I have added paddings to each header on the content section. Each header, h1, h2, and h3 are differently spaced from the left border. On the navigation bar, the links are spaced away from the far left of the bar, and also spaced between each other. This makes everything look MUCH better and not crowded. Theres still some more spacing to do, some more playing with the margins and paddings of items; but I had some trouble with some of it, and will need to seek help to finish.