2.3 - Photo Site - Corbin Otwell

[cbotwell]

Deliverables

• [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] Your site hosted on Github Pages
  • [x] 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 About 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

[cbotwell]

:link: Corbin's 2.3 Pull Request

[cbotwell]

@rtablada How does my basic html look?

[cbotwell]

:link: Corbin's Github Page for 2.3-photo-site

[rtablada]

@cbotwell

Comments

• The text above your logo should remain centered
• Is that Nic Cage holding a Fennec Fox!?

I'm still reviewing code right now to see if you are doing things the hard way.

[rtablada]

@cbotwell

Since you have a commit where things are working, see if you can't make regular columns using neat work.

You will need to group together the figcaption and image together and then it should be easier to make the columns work

[cbotwell]

Fixed logo text to always be centered.

[cbotwell]

Added pop-out menu on mobile. :iphone:

[rtablada]

:star: @cbotwell