2.3-photo-site-Alia Borroho

[aliaborroho]

• [x] A repo containing at least:
  • [x] The default file structure
• [x] Multiple SCSS partials files
• [x] A centralized set of variables to allow changing the site theme (grid sizes, color scheme, etc)
• [x] A centralized set of variables to allow changing the site theme (grid sizes, color scheme, fonts, etc)
• [x] Your site hosted on Github Pages
  • [ ] Link to your Github pages in the Issue for this assignment
• [x] At least one but no more than two Google Web Fonts

  Requirements

  • [x] Your HTML and CSS should be valid.
  • [x] https://validator.w3.org/
  • [x] http://csslint.net/
  • [x] Styling for:
  • [x] Photos
  • [x] Icons
  • [x] Photo information
    • [x] Title
    • [x] Date
    • [x] Camera Model
    • [x] Sensor Size
    • [x] f-stop
    • [x] ISO
    • [x] Shutter Speed
  • [x] Company Name Above Image ("Landscape")
  • [x] Responsive Style on Desktop
  • [x] Photo Camera Info to the side of image
    • [x] Photo Title and Date Below Photo
  • [x] Hide Navbar Links On Mobile & Show Hamburger Icon
  • [x] Footer Section
  • [x] 2 wide photos with links and hover state
  • [x] Hard Mode Requirements:
  • [x] Make the navbar shoot out from the side on mobile

[rtablada]

@aliaborroho do you have a link to your Pull Request or a build on GH Pages?

[aliaborroho]

https://github.com/aliaborroho/2.3-photo-site/pull/1

[rtablada]

@aliaborroho

I think you have a decent understanding that there is a lot left to complete the requirements of this one so far. The large todos are:

• [ ] Style the top nav
• [ ] Style the top nav on mobile
• [ ] Style the Camera details to be on different lines instead using display: block
• [ ] Make the .camera-details and .photo change to full width on tablet and phone using @include media and @include span-columns (you will probably need to undo the @include shift as well
• [ ] Create the footer as two columns of equal size split down the middle (I would recommend using @include span-column(4) along with a @include shift on the first element to make it center, but I will accept 6 wide grid items in a pinch.

[rtablada]

@aliaborroho I still need a link to your github pages site and you should update the todos in this issue. The assignment will stay marked as incomplete if the deliverables todos aren't complete. If you had a link to GH Pages, this would probably be "Needs Work"

I can see some progress. Let me know when this is ready to grade again by @mentioning me in this issue and you have added a link to github pages.

[rtablada]

@aliaborroho please link to the GH Pages for this assignment

[aliaborroho]

http://aliaborroho.github.io/2.3-photo-site/