Summary

Align the spacings of the Deep dive topics pattern layout with the Design system mockups.

Requirements

6. Remove the margin-bottom between the "footer" & "Quick links" blocks.

Desktop XXL, XL, & L

1. Add 56px space between Media & text blocks.
2. Make the space 80px between the "Media & text" and the "Covers" blocks.
3. Make the space 80px between the "Covers" & "Articles" blocks.
4. Make the space 80px between the "Articles" & "Deep dive topics" blocks.
5. Make the space 80px between the "Deep dive topics" & "Quick links" blocks.

Mobile M, & S{}

1. Add 32px space between Media & text blocks.
2. Make the space 56px between the "Media & text" and the "Covers" blocks.
3. Make the space 56px between the "Covers" & "Articles" blocks.
4. Make the space 56px between the "Articles" & "Deep dive topics" blocks.
5. Make the space 56px between the "Deep dive topics" & "Quick links" blocks.
6. 7. Remove the white space between the "Nav bar" & "header"

Resources

• Figma
• Demo