gray-mueller / gray-mueller/restaurant-delivery-platform-using-react-js
Error Message Text Not Center-Aligned
- Dominant language
- TypeScript
- Stars
- 0
- Forks
- 0
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
The error message text is not center-aligned, affecting the layout and making the message look misaligned.
To Reproduce
Steps to reproduce the behavior:
Go to the page where the error message is displayed.
Trigger an error (e.g., submit a form with invalid data).
Observe the error message text.
Expected behavior
The error message should be center-aligned on the screen for better visibility and consistency with the design.
If applicable, add screenshots to help explain your problem.
Smartphone (please complete the following information):
Device: Samsung A15
Additional context
The issue occurs across different browsers and devices.
Contributor guide
Research direction
No file or component is named in the issue. Start by reproducing the invalid-form error in the frontend and locating the component that renders its message, then inspect its styling. Done means the message is centered consistently across the reported browsers and devices.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- design, frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100