Content overflowing in flex box

I am working on the calculator project, and i have that problem of text overflowing out of the flexbox, i’ve tried flex-wrap: wrap; but it doesn’t seem to work :confused:, here is the link to the pen:
https://codepen.io/BedwardVedicci/pen/qBawJep

Try inputting a long number to see the overflow

flex-wrap controls whether the flex items will wrap. Text alone is not a series of flex elements. Instead of setting the number display fields to be a flex container, try using the overflow property.

1 Like

but i don’t like that scrolling bar to appear, i just want the text to go on a new line instead of overflowing

2 Likes

Thanks mate, it worked using overflow-wrap: anywhere;
thumbs up