Mobile Screens | Accordion Results

[fongcindy]

Description

We will need to capture the redesign work for the mobile screens. This ticket captures the accordion results section, this is what we currently see on mobile:

Expanded accordion:

Design should be more balanced and fit text better within the margins/lines like we see on the desktop view.

Related: #1837

User Story

No response

Acceptance Criteria

No response

[ErnestoFernandezAlvarez]

Great @fongcindy, I will be working on the mobile accordions first.

[fongcindy]

Mobile English design has been created for accordion results, waiting on USA.gov UX team to approve. Once approved, will handoff to
Devs

figma file

[ErnestoFernandezAlvarez]

Hello @fongcindy @scottqueen-bixal
Here is the updated Figma file with the Mobile Accordion design (English)
Also see screenshots attached.

Note: these accordions have the Mobile type scale implemented and have been designed to fit mobile margins as seen in the file:
https://www.figma.com/design/3qui91uX0iE4YMNrnx4gzK/ReDesign-Benefit-Finder?node-id=123-2597&t=KPAbIIlL41gFnhSf-1

[ErnestoFernandezAlvarez]

The mobile accordions have been approved by usa.gov
Closing ticket as done.

[fongcindy]

@ErnestoFernandezAlvarez , Scott is aware, let's finish all of the mobile EN design and adjustments and then we can handoff everything to devs.