FrontendMasters / front-end-handbook-2019

[Book] 2019 edition of our front-end development handbook
https://frontendmasters.com/books/front-end-handbook/2019/
4.1k stars 475 forks source link

Content width on mobile devices #13

Closed marktnoonan closed 5 years ago

marktnoonan commented 5 years ago

Hi! At Brent's suggestion, I'm opening this issue: on my iPhone 6 the book slides around to the left and right as I scroll, and if I zoom out I can see that some content is too wide - long words in the headings, or sections of URLs that don't have dashes where the text would be able to break. This also creates more width for the table in the screenshot below, meaning that it takes up more space than is available on the screen.

My suggest is fix is a broad one but doesn't seem to cause any problems: adding word-break: break-all to the body css rule. I'll submit a PR for this. Thank you for this amazing free resource, I'll be reading it myself but also sharing it with folks I know who are newer to programming.

IMG_1138 IMG_1137 IMG_1136

1Marc commented 5 years ago

Thanks! Merged.