[WIP - DO NOT ASSIGN]: Update Import from other channels page responsiveness

[akolson]

Overview

This task involves updating the Import from other channels page so that it responds differently based on screen size. The screen sizes include xl, lg, md, and sm.

Description and outcomes

• Design requirements

  • See Figma designs for design requirements.

• Markup requirements

  • NA

• Styling requirements

  • See Figma designs for styling requirements.

• Architectural requirements

  • NA

Acceptance Criteria

• The Import from other channels page is responsive as specified in the Figma designs.

Assumptions and Dependencies

• Is blocked by;
  • Update Import from other channels page to display recommendations #4565
  • Implement About recommendation modal #4566
  • Implement pagination for recommended resources #4567
  • [WIP - DO NOT ASSIGN]: Implement loading states and errors for recommended resources #4569

Scope

The scope of this task is limited to;

• Updating the Import from other channels page responsiveness as specified in the Figma designs.

Accessibility Requirements

NA

Resources

• Figma designs

[akolson]

Task has been merged to #4565, so redundant.