gray-mueller / gray-mueller/restaurant-ordering-system-using-react-js

Error Message Text Not Center-Aligned

Open
#28 0 comments 0 reactions 0 assignees View on GitHub
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

Open the contributing guide

Research direction

Start by opening the page that displays the error message and reproduce the issue by submitting invalid form data on the Samsung A15 scenario described. Find the styling for the error message, center-align its text, and verify the result across 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
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.