Gauge Chart Issue with Browser Resizing

[kimcuomo]

Description

When you resize the browser to make it smaller, the gauge charts bleed out of the Web Vitals Container component.

Reproduction

https://github.com/oslabs-beta/NextLevel/blob/main/src/app/dashboard/dashboard.module.css https://github.com/oslabs-beta/NextLevel/blob/main/src/app/dashboard/components/WebVitalRatings.js https://github.com/oslabs-beta/NextLevel/blob/main/src/app/dashboard/components/WebVitalsContainer.js

You can see this when logged into any account. You can access a test account with data (July 2024) via [email protected] pw: password

System information

System: OS: macOS 14.5 CPU: (8) arm64 Apple M1 Memory: 52.75 MB / 8.00 GB Shell: 5.9 - /bin/zsh Binaries: Node: 22.2.0 - /opt/homebrew/bin/node npm: 10.7.0 - /opt/homebrew/bin/npm Browsers: Chrome: 127.0.6533.72 Safari: 17.5

Additional information

No response

👨‍👧‍👦 Contributing

• [ ] 🙋‍♂️ Yes, I'd love to make a PR to fix this bug!