Get informed block pattern: align spacing within the layout with the design system

XMLWordPrintable

    • Type: Task
    • Resolution: Unresolved
    • Priority: Should have
    • None

      Summary

      Align the spacings of the Get Informed block pattern layout with the Design system mockups.

      Requirements

      • Remove the white space between the "Quick Links" block and the Navigation bar.
      • Remove the white space between the "Newsletter" & the "footer".
      • Desktop XXL, XL, & L
        • Add a 56px gap between the Media & text blocks.
        • Make the space 80px between the "Media & text" & "Issues" blocks.
        • Make the space 80px between the "Issues" & "Articles" blocks.
        • Make the space 80px between the "Articles" & "Gallery" blocks.
        • Make the space 80px between The "Gallery" & "Articles" blocks.
        • Make the space 80px between the "Articles" & "Newsletter" blocks.
      • Mobile M, & S
        • Add a 32px gap between the Media & text blocks.
        • Make the space 56px between the "Media & text" & "Issues" blocks.
        • Make the space 56px between the "Issues" & "Articles" blocks.
        • Make the space 56px between the "Articles" & "Gallery" blocks.
        • Make the space 56px between The "Gallery" & "Articles" blocks.
        • Make the space 56px between the "Articles" & "Newsletter" blocks.
        • Make the padding-top & bottom 56px for the Newsletter block.

      Resources

        1. Get informed.jpg
          2.50 MB
          Houssam Saleh
        2. Get Informed Newsletter.jpg
          86 kB
          Houssam Saleh

            Assignee:
            Dan Tovbein
            Reporter:
            Houssam Saleh
            Osong Agberndifor Osong Agberndifor
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Created:
              Updated: