Notes 9/29:Screen Shot 2016-09-29 at 11.25.49 AM.png

I. Moving Navigation (with PADDING)

Screen Shot 2016-09-29 at 9.51.53 AM.pngScreen Shot 2016-09-29 at 9.51.59 AM.png

II. Moving text to different Columns

Source Code:

  • Cut and copy <p> into main right

Style.css:

  • Delete .main_left , JUST p{

Screen Shot 2016-09-29 at 9.59.37 AM.png

III. Changing number of Columns (adding background image — make sure it matches pixels of main left)

Source Code: (DELETE MAIN CENTER)

Screen Shot 2016-09-29 at 10.33.23 AM.png

Style.css: (ADJUST WIDTH OF MAIN LEFT)

Screen Shot 2016-09-29 at 10.22.10 AM.png

IV. Splitting Paragraphs & Adding Headers, Changing Leading/Spacing

Source Code:

Screen Shot 2016-09-29 at 10.15.34 AM.png

Style.css

Screen Shot 2016-09-29 at 10.17.16 AM.pngScreen Shot 2016-09-29 at 10.42.31 AM.png

V. Reminder of adding new fonts

*add highlighted portion to source code

Screen Shot 2016-09-29 at 10.43.14 AM.png

Screen Shot 2016-09-29 at 10.39.18 AM.png

VI. Adding Header <h1> to background image

Screen Shot 2016-09-29 at 11.14.52 AM.png

Screen Shot 2016-09-29 at 11.15.08 AM.png

Screen Shot 2016-09-29 at 11.13.28 AM.png

 

Advertisements