[2024Q4] Christmas Shop

tasks/christmas-shop/christmas-shop-part2.md

@@ -13,7 +13,7 @@ For all other resolutions up to 380px, ensure:
 - The layout is adaptive and responsive.
 - All page content is preserved.
 - Image proportions are maintained.
-- No white spaces are present to the right of the blocks.
+- No white spaces are present to the right of the sections.
 
 To make responsive design, use relative units of measurement (%, rem, vh, etc).
 
@@ -36,41 +36,41 @@ To make responsive design, use relative units of measurement (%, rem, vh, etc).
 ### CrossCheck Criteria (100 points)
 
 1. The layout of the pages aligns the design at a screen width of 1440px: **+16**
- - `<header>` block on each page: **+2**
- - `Explore` block on `home` page: **+2**
- - `About` block on `home` page: **+2**
- - `Slider` block on `home` page: **+2**
- - `Best Gifts` block on `home` page: **+2**
- - `Lets Go` block on `home` page: **+2**
- - `Gifts` block on `gifts` page: **+2**
- - `<footer>` block on each page: **+2**
+ - `<header>` on each page: **+2**
+ - `Hero` section on `Home` page: **+2**
+ - `About` section on `Home` page: **+2**
+ - `Slider` section on `Home` page: **+2**
+ - `Best Gifts` section on `Home` page: **+2**
+ - `CTA` section on `Home` page: **+2**
+ - `Gifts` section on `Gifts` page: **+2**
+ - `<footer>` on each page: **+2**
 2. The layout of the pages aligns the design at a screen width of 768px: **+16**
- - `<header>` block on each page: **+2**
- - `Explore` block on `home` page: **+2**
- - `About` block on `home` page: **+2**
- - `Slider` block on `home` page: **+2**
- - `Best Gifts` block on `home` page: **+2**
- - `Lets Go` block on `home` page: **+2**
- - `Gifts` block on `gifts` page: **+2**
- - `<footer>` block on each page: **+2**
+ - `<header>` on each page: **+2**
+ - `Hero` section on `Home` page: **+2**
+ - `About` section on `Home` page: **+2**
+ - `Slider` section on `Home` page: **+2**
+ - `Best Gifts` section on `Home` page: **+2**
+ - `CTA` section on `Home` page: **+2**
+ - `Gifts` section on `Gifts` page: **+2**
+ - `<footer>` on each page: **+2**
 3. The layout of the pages aligns the design at a screen width of 380px: **+16**
- - `<header>` block on each page: **+2**
- - `Explore` block on `home` page: **+2**
- - `About` block on `home` page: **+2**
- - `Slider` block on `home` page: **+2**
- - `Best Gifts` block on `home` page: **+2**
- - `Lets Go` block on `home` page: **+2**
- - `Gifts` block on `gifts` page: **+2**
- - `<footer>` block on each page: **+2**
+ - `<header>` on each page: **+2**
+ - `Hero` section on `Home` page: **+2**
+ - `About` section on `Home` page: **+2**
+ - `Slider` section on `Home` page: **+2**
+ - `Best Gifts` section on `Home` page: **+2**
+ - `CTA` section on `Home` page: **+2**
+ - `Gifts` section on `Gifts` page: **+2**
+ - `<footer>` on each page: **+2**
 4. 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**
- - `home` page: no horizontal scroll bar between 1440px and 768px widths: **+6**
- - `home` page: no horizontal scroll bar between 768px and 380px widths: **+6**
- - `gifts` page: no horizontal scroll bar between 1440px and 768px widths: **+6**
- - `gifts` page: no horizontal scroll bar between 768px and 380px widths: **+6**
+ - `Home` page: no horizontal scroll bar between 1440px and 768px widths: **+6**
+ - `Home` page: no horizontal scroll bar between 768px and 380px widths: **+6**
+ - `Gifts` page: no horizontal scroll bar between 1440px and 768px widths: **+6**
+ - `Gifts` page: no horizontal scroll bar between 768px and 380px widths: **+6**
 5. 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**
- - On `home` page: **+4**
- - On `gifts` page: **+4**
-6. At screen widths of 768px, the menu and navigation buttons in the header are concealed on both pages, and a burger menu icon is displayed: **+4** 
+ - On `Home` page: **+4**
+ - On `Gifts` page: **+4**
+6. At screen widths of 768px, the menu and navigation links in `<header>` are concealed on both pages, and a burger menu icon is displayed: **+4** 
  (Note: Activation of the burger menu icon is not evaluated at this stage.)
 7. 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**
 8. The layout for both pages is validated and error-free according to the W3C Validator (https://validator.w3.org/): **+12**