2.1-beer-layout-Daniel Condit

[DanielCondit]

Deliverables

• [x] A repo containing at least:
  • [x] main.css
  • [x] index.html

Normal Mode

• [x] Create semantic markup that logical groups the content required for the page
• [x] Show a three wide grid on desktop screens
• [x] Show a list view layout on tablet screens < 1024px
• [x] Show a one wide grid layout on phone screens < 460px

[DanielCondit]

https://github.com/DanielCondit/2.1-beer-layout/pull/1

ready for turn in

[rtablada]

Todos

• Figure out lining things up on smaller tablet screens (maybe width using %?)

[rtablada]

@DanielCondit on further review,

• the main container and row does not center up on the page
• You are also doing too much work on the phone media query, look back at the media query for tablet and see if you can change it to have both a min and max and see how that effects what you need to work on for phones
• There is no actual grid on desktop sizes: if expand the screen width the store goes to infinite wide: breaking the layout

[DanielCondit]

Fixed issues with layout. Ready for turn in.

[DanielCondit]

Complete