Comment(s): Great job setting up your html structure for the content on the page. Everything is nested neatly and you've done a great job grouping together sections in a coherent, clear way. A couple little things to make note of:
-Everything nested inside of 'main' should be indented one level further to indicate that nested relationship.
-Do you need the id and identically named class on sections like locations and month?
Criteria 2: Visual Layout
Score Level: 4
Comment(s): Excellent work matching up the layout of the page to the given design spec. Nice job getting that header to stick flush against the top of the page as well!
Criteria 3: Use of Flexbox
Score Level: 3
Comment(s): Nice use of flex to help align items throughout the page. As you continue to adjust this styling in this project and for future projects, try to keep a couple things in mind:
-Flex is a great and powerful tool but try not to add it in where it is not necessary. As an example, what happens if you get rid of the flex related styling for image-content? Might a little extra margin or some other kind of spacing on one of those elements be able to replace all 4 lines of flex related styling?
-Consider creating a general flex class that you can give common lines of flex styling and then use that class for everything that you want flex applied to. This way, you can try to avoid repeating common lines of styling many times throughout your css file.
Criteria 4: Implementation of Design Specification and Content
Score Level: 4
Comment(s): Great job matching the styling of your page to the given design spec. Everything looks great!
Overall Score: 15/16
Excellent work on this project. With a few key tweaks everything will be looking perfect.
As a next step, download the image resources and use relative file paths to link to them from your html and css. Refer to your css link and previous exercises for help.
Have fun and keep up the good work!
Rubric Score
Criteria 1: HTML Structure
Criteria 2: Visual Layout
Criteria 3: Use of Flexbox
Criteria 4: Implementation of Design Specification and Content
Overall Score: 15/16
Excellent work on this project. With a few key tweaks everything will be looking perfect. As a next step, download the image resources and use relative file paths to link to them from your html and css. Refer to your css link and previous exercises for help. Have fun and keep up the good work!