tomjoht.github.io icon indicating copy to clipboard operation
tomjoht.github.io copied to clipboard

Published 20 hours ago • verified publisher icon tomjoht

Advertisements leading to overflow

Open JoepKockelkorn opened this issue 2 years ago • 1 comments

Your article has an advertisement which leads to your page having overflow on mobile (iPhone 14 pro).

See this screenshot: image

JoepKockelkorn avatar Nov 10 '23 14:11 JoepKockelkorn

Hi @tomjoht, I'm reading your API documentation course on my phone (thanks for this amazing resource!) and running into similar problems. Following @JoepKockelkorn's comment, more elements cause horizontal overflow on mobile (iPhone SE, 320px wide):

  1. The userMap class has a min-width set to 550px.
  2. The CSS of some of the images is not responsive. See, for example, the img.medium on this page.
  3. The white-space: nowrap; on the btn class coming from Bootstrap.

ironnysh avatar Dec 23 '23 13:12 ironnysh