How do you ensure that paragraph text wrap on the page?

While setting the max-width and min-width properties, how do you ensure that paragraph texts or other texts on a page wraps appropriately so that they all remain visible within the confines of the viewing screen, especially mobile phone and tablet screens? lesson

I personally like to work with percentages and media queries. So for example the container containing an important paragraph of text will get 100% width on cell, but as the screens are larger I’ll have a proportion that is more aesthetically appropriate.

Here is some excellent documentation on the topic: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries.

I also recommend Using Mozilla (my pref) or Chromes dev tools to see how it looks on phones (rotated and upright!).

And I’ll never stop recommending Kevin Powell’s css youtube channel until I find a better one! It’s so thorough on every little topic.

2 Likes