gray-mueller / gray-mueller/deliveroo-clone-app-using-react-js

front end indentation

Open
#280 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

Describe the bug
as soon as the tip gets a value more than 3 figures it separates the tip like shown in the picture

To Reproduce
Steps to reproduce the behavior:

proceed with any order and choose your tip
Expected behavior
should stay in a single line

Screenshots
image
image
image

Desktop (please complete the following information):

OS: Windows
Browser Chrome
Version 122.0.6261.95 (Official Build) (64-bit)

Contributor guide

Open the contributing guide

Research direction

Reproduce the issue in Chrome by placing an order and selecting a tip with more than three figures. Inspect the frontend component that displays the tip in the order flow and identify why the value wraps; done means the tip remains on a single line for larger values.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.