A final score after self-assessment, with comments
The layout of the pages matches the design at a screen width of 1440px: +14
The layout of the pages matches the design at a screen width of 768px: +14
The layout of the pages matches the design at a screen width of 380px: +14
There is no horizontal scroll bar at all screen width up to 380px inclusive. All page content remains as per the design: it is not cropped, removed, or shifted to the side: +20
During smooth resizing of the screen from 1440px to 380px, the layout takes up the full width of the window (including the margins specified in the layout), elements change their sizes and positions (but without full scaling), elements do not overlap, and images maintain their correct proportions: +8
At screen widths of 768px and below on both pages, the menu and navigation buttons in the header are hidden, and a burger menu icon appears: +4
Hover effects are enable on desktop devices (Desktop device type in DevTools) and disabled for mobile devices on both pages (Mobile device type in DevTools): +4
The layout of both pages is valid: to check the validity of the layout, use the service https://validator.w3.org/ : +12
total score: 90.
A cross-check score of your Score
avarage score - 71
A link to your deployed project
A link to the project repository on Github.
A link to the task
A Link to the checklist for evaluating the task (if it exists)
A screenshot of cross-checking marks
A final score after self-assessment, with comments
The layout of the pages matches the design at a screen width of 1440px: +14
The layout of the pages matches the design at a screen width of 768px: +14
The layout of the pages matches the design at a screen width of 380px: +14
There is no horizontal scroll bar at all screen width up to 380px inclusive. All page content remains as per the design: it is not cropped, removed, or shifted to the side: +20
During smooth resizing of the screen from 1440px to 380px, the layout takes up the full width of the window (including the margins specified in the layout), elements change their sizes and positions (but without full scaling), elements do not overlap, and images maintain their correct proportions: +8
At screen widths of 768px and below on both pages, the menu and navigation buttons in the header are hidden, and a burger menu icon appears: +4
Hover effects are enable on desktop devices (Desktop device type in DevTools) and disabled for mobile devices on both pages (Mobile device type in DevTools): +4
The layout of both pages is valid: to check the validity of the layout, use the service https://validator.w3.org/ : +12 total score: 90.
A cross-check score of your Score avarage score - 71