Summary

Align the spacings of the Home pattern layout with the Design system mockups.

Requirements

• Remove the space between the "Carousel" & the "Issues" blocks.
• Remove the space between the "Newsletter" and the "footer" blocks.
• Desktop XXL, XL, & L:
  • Make the space 80px between the "Carousel" and the "Issues" blocks.
  • Make the space 80px between the "Articles" and the "Media & text" blocks.
  • Make the space 56px between the Media & text blocks.
  • Make the space 80px between the "Covers" & "Media & text" blocks.
• Mobile M & S:
  • Make the space 56px between the "Carousel" and the "Issues" blocks.
  • Make the space 56px between the "Articles" and the "Media & text" blocks.
  • Make the space 32px between the Media & text blocks.
  • Make the space 56px between the "Covers" & "Media & text" blocks.
  • Make the padding-top & bottom 56px for the Newsletter block.

Resources

• Figma
• Demo