Content overflowing in flex box

[bedward]

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 , here is the link to the pen:
https://codepen.io/BedwardVedicci/pen/qBawJep

Try inputting a long number to see the overflow

[ArielLeslie]

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.

[bedward]

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

[bbsmooth]

@bedward

i just want the text to go on a new line instead of overflowing

overflow-wrap - CSS: Cascading Style Sheets | MDN

[bedward]

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