HTML structure used groups content to reflect the flow of the page. Labels and comments were informative. Images had alt tags to help with accessibility. A tip that may prove to be helpful in future projects is that you can add class and id names to images too, thus are able to provide styling directly to images.
Criteria 2: Visual Layout
Score Level: 4
Comment(s):
Visual layout matches the spec. No spacing between browser and header was found.
Criteria 3: Use of Flexbox
Score Level: 3
Comment(s):
Flexbox was used on multiple items but positioning was not exclusively done with flexbox.
Criteria 4: Implementation of Design Specification and Content
Score Level: 4
Comment(s):
Design specification and content was met.
Overall Score: 15/16
HTML structure and CSS stylings portray a strong understanding of flexbox and how to break down a visual design spec. In terms of improvement, try to use only flexbox to position all elements. As for a future challenge, look into responsive design and responsive units like rem and em. Overall, 👍 .
Criteria 1: HTML Structure
HTML structure used groups content to reflect the flow of the page. Labels and comments were informative. Images had alt tags to help with accessibility. A tip that may prove to be helpful in future projects is that you can add class and id names to images too, thus are able to provide styling directly to images.
Criteria 2: Visual Layout
Criteria 3: Use of Flexbox
Criteria 4: Implementation of Design Specification and Content
Overall Score: 15/16
HTML structure and CSS stylings portray a strong understanding of flexbox and how to break down a visual design spec. In terms of improvement, try to use only flexbox to position all elements. As for a future challenge, look into responsive design and responsive units like rem and em. Overall, 👍 .