Christmas shop Part 2

[Dias1c]

1. Task: link

2. Screenshot:
   
   
   
   

3. Deploy: link

4. Done 2024-11-20 / deadline 2024-11-26

5. Score: 100 / 100

• The layout of the pages aligns the design at a screen width of 1440px: +16
• The layout of the pages aligns the design at a screen width of 768px: +16
• The layout of the pages aligns the design at a screen width of 380px: +16
• There is no horizontal scrollbar 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: +24
• During smooth resizing of the browser window from 1440px to 380px, the layout occupies the full width of the window (including specified margins), elements adjust their sizes and positions appropriately without full scaling, no elements overlap, and images maintain their correct aspect ratios: +8
• At screen widths of 768px, the menu and navigation links in are concealed on both pages, and a burger menu icon is displayed: +4
• Hover effects are active on desktop devices (as per the Desktop device type in DevTools) and are disabled for mobile devices (as per the Mobile device type in DevTools) on both pages: +4
• The layout for both pages is validated and error-free according to the W3C Validator (https://validator.w3.org/): +12