How do I fix paragraph overflowing out of the box?

Question

My paragraphs are flowing out of the box as i resize the browser to mobile view.how do I fix it?

Answer 1

Overflow:scroll or overflow:hidden or overflow:auto

Answer 2

u can set a minimum height and width then, like div{min-width:300px;min-height:250px;}

Answer 3

Shivam Don't spam unnecessary if you don't have anything to say related to question

Answer 4

min width and min height all that will work for elements ,they will change size according to screen but i don't think anything works for text except overflow thing

Answer 5

Oh Boi! Try setting padding in the container that has the text, along with setting an overflow property. I also suggest trying this in inspect to see the result and then applying what works to your code.

You can use a media query to reduce the font size for this as well, and then use another media query to set it back once there is enough room for the text to exist.

Answer 6

YoBoi
Yes,I think this will work so far.
Also,I think media query might come in handy.whatcha say?

Answer 7

Oh Boi!
Yeah most sites look pretty different on mobile and desktop

Answer 8

YoBoi well.Setting up the min and max width didn't work either.But settles down with overflow:auto for the time-being.Thanks anyways man.

Answer 9

Shivam what's that?

Answer 10

But what if I dnt want a scroll bar and defintiely not hidden?