05-surf-and-paddle Jeremy Glover

[Jeremy-Glover]

• [x] Create a new Issue with these tasks!
• [x] Use the git cli to initialize a new project
• [x] Checkpoint: Created and committed index.html and app.css boilerplate
• [x] Use the hub cli to create a repository called 05-surf-and-paddle
• [x] Use the git cli to create a branch called develop
• [x] In Github, open a PR from develop into master
• [x] Use CDN to link to Font Awesome
• [x] Create the markup to represent the pictured site
  • [x] Checkpoint: Create markup to represent one item in the timeline
  • [x] Markup: Navbar
  • [x] Markup: Header
  • [x] Markup: Left Column
  • [x] Markup: Sidebar
  • [x] Markup: "Most Popular Posts" with Images
  • [x] Markup: Footer
  • [x] Checkpoint: Duplicate the first item to create multiple items to style
  • [x] Complete: Push index.html
• [x] Add styles for page
  • [x] Checkpoint: Style the Layout of the site
  • [x] Style: Layout and Backgrounds Navbar
  • [x] Style: Layout and Backgrounds Header
  • [x] Style: Layout and Backgrounds Left Column
  • [x] Style: Layout and Backgrounds Sidebar
  • [x] Style: Layout and Backgrounds "Most Popular Posts" with Images
  • [x] Style: Layout and Backgrounds Sticky Footer
  • [x] Checkpoint: Style the details for the site
  • [x] Style: Details Navbar
  • [x] Style: Details Header
  • [x] Style: Details Left Column
  • [x] Style: Details Sidebar
  • [x] Style: Details "Most Popular Posts" with Images
  • [x] Style: Details Footer

[rtablada]

@Jeremy-Glover looking pretty good for the start of the page. You should constrain the main section to a max-width and center things up.

Check to make sure you have all the content you need before styling. And I think it may help to go back to this assignment now that we've looked at BEM naming.

[rtablada]

@Jeremy-Glover missing a link to your pull request.

[Jeremy-Glover]

https://github.com/Jeremy-Glover/05-surf-and-paddle/pull/1

[rtablada]

@Jeremy-Glover there's still some margin around the header and the footer should be full width and side by side instead of the current whitespace.