HC-IPPM / HC-IPPM/safe-inputs

Site wide responsiveness issues

Open
#467 0 comments 0 reactions 0 assignees View on GitHub
frontend (/ui)
Dominant language
TypeScript
Stars
3
Forks
6
PR merge metrics
No merged PRs in 30d

Description

Current use of Chakra containers isn't properly responsive on smaller screen sizes. Need to get a handle on the proper responsive design patterns with Chakra. Maybe we need to set responsive container widths in the global themes? Or use our own wrapped container components (i.e. address this as part of #161)? Should also take a more careful look at Chakra's other layout system components, and make sure we have a consistent layout approach in the project.

E.g.
![image](https://github.com/user-attachments/assets/8bf36f6f-84df-47c1-baf7-b283eb3edf79)
![image](https://github.com/user-attachments/assets/7c11b3b0-77ea-49a7-962d-12c10bcf5600)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.