Criteria 2: Visual Layout for Both Desktop and Mobile Sizes
Score Level: 3 - Meets Expectations
Comment(s): For responsive design to work and adjust automatically, you need this line: <meta name="viewport" content="width=device-width, initial-scale=1.0">. Reference.
Comment(s): Make sure to always add alt attributes to your img tags.
Overall Score: 14/16
Good job on this project, it's clear you have a strong understanding of HTML, CSS, and responsive designs. Just make sure to pay attention to accessibility, especially alt attributes in img tags.
Criteria 1: HTML Structure
Criteria 2: Visual Layout for Both Desktop and Mobile Sizes
<meta name="viewport" content="width=device-width, initial-scale=1.0">
. Reference.Criteria 3: Responsive Design (Media Queries, Responsive Units, etc.)
Criteria 4: Visual Design and Accessibility (Color Palette, Typography, Transitions, etc.)
alt
attributes to yourimg
tags.Overall Score: 14/16
Good job on this project, it's clear you have a strong understanding of HTML, CSS, and responsive designs. Just make sure to pay attention to accessibility, especially
alt
attributes inimg
tags.