feature -- mobile-details

[pcreglow]

Feature/mobile/details

• [x] Setup H5BP index.html
• [x] Wire main.css
• [x] Create body element
• [x] Create container element
• [ ] Within container, create 3 sections (boxes!) - section, button, section?

INFO Section

• [x] Features an image, title, and list items
• [x] Image element - Left side of section
• [x] Image element - Does not fill the entire height of the section
• [x] Title <h3> element - Right of image, above the list items
• [x] Title - Text is larger than list items
• [x] List Items - Featured below title, smaller font, color darkgrey?
• [ ] List Items - Features Icons to the left of item text, also darkgrey?
• [x] Title & List Items - Together as display: block ?
• [ ] INFO Section has a bottom border - lightgrey

BUTTON Section

• [x] Button element - Full width of page
• [x] Button element - Styled with background color green
• [ ] Button element - Features Icon and Text - colored white, aligned center of button

STATS Section

• [ ] Features 1 row, 3 columns - display: inline-block
• [ ] Columns - width: 33% ?
• [ ] Column Info - Stat number is a large font, stat text is smaller than number
• [ ] Stat text is lightgrey
• [ ] Column Info - Number and text is aligned center
• [ ] Stats Section - Bottom border - lightgrey

[pcreglow]