Summary

[darcboykin1]

Criteria 1: HTML Structure

• Score Level: 2.5
• Comment(s): Your HTML is syntactically correct. Good job on that. An improvement that can be made is in the overall formatting of your HTML document. Some elements are not indented properly which can reduce the overall readability of your HTML document. Take a look at the example below:

In this, you have your html tag surrounded by your comments when it should be under them, just before your head tag. Secondly, you have your .main div class as a child of body, but it is indented in such a way that it seems as if it is a child of !DOCTYPE html. Here's an example of how I would approach fixing this:

Criteria 2: Visual Layout

• Score Level: 3.5
• Comment(s): Spot on! This is really good work. I appreciate the extra touches you added, like the semi transparent location divs, and the dark cream colored text. The "Locations" text might be a little hard to read against the background though, so perhaps you would consider removing transparency from that.

Criteria 3: Use of Flexbox

• Score Level: 4
• Comment(s): Flawless use of Flexbox. Your flexboxes all stay intact while resizing the page.

Criteria 4: Implementation of Design Specification and Content

• Score Level: 4
• Comment(s): You followed the design specs to the T, and then added some without deviating from the goal of the overall project. Fantastic job!

Overall Score: 14/16

Overall this is a well done project. Congrats on doing some really good work! If you just address what I mentioned about the HTML formatting and the transparent text, then you'll be on track to receive a perfect grade!

[FoxyFletcher]

Thanks so much Darc for the detailed review! I have updated the index to reflect your comments on my formatting, so hopefully this is better in your eyes. The revised CSS and index are now in github.com/FoxyFletcher/tea-cozy

Many thanks again, and have a great day!

Kel