SUMMARY - Githubissues

Rubric Score

Criteria 1: HTML Structure

Score Level: 3
Comment(s): HTML implementation enables proper use of flexbox in 5+ sections.

HTML structure reflects the grouping and flow of content in 5+ sections.

Criteria 2: Visual Layout

Score Level: 4
Comment(s): Layout matches the design spec in all sections

Criteria 3: Use of Flexbox

Score Level: 3
Comment(s): Flexbox properties are correctly applied to flex containers and flex items throughout.

Flexbox is used properly in 5+ sections and is the primary way of positioning.

Criteria 4: Implementation of Design Specification and Content

Score Level: 4
Comment(s): The page includes all style and content provided in the design specification.

Overall Score: 14/16

Grade: Exceeds expectations

Summary: Good work on this project! I love your semantic HTML, your use of a group selector, and your use of flexbox in the CSS.

A couple things to work on here: 1. using consistent nesting and indentation throughout the HTML, 2. using alt attributes on <img> elements, and 3. using more group selectors in the CSS.

Next, as a stretch goal, I challenge you to research and implement media queries to make your page totally responsive for all screen widths. This is a challenge I think you are ready for based on your work with this project! Here are a couple resources to get you started: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries and https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

bdub328 / tea_cozy