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!