Improvement suggestion: Enhance mobile responsiveness of intro section

Author: sunnyc0206Created Mar 3, 2026Updated Mar 5, 2026

Hi,

While accessing the site on a mobile device, I noticed that the homepage intro section has a fixed width of 420px. On screens narrower than 420px, this causes the layout to feel constrained on smaller screens, reduces readability, and makes tapping links slightly difficult due to limited horizontal space. It can also introduce minor horizontal scrolling on narrow devices.

To improve the mobile experience, I added a small responsive CSS (for screens below 768px) that:

  • Allows div#intro to use full available width
  • Removes the fixed minimum width restriction
  • Adds standard horizontal padding for readability
  • The desktop layout remains unchanged

I’ve tested this locally on a mobile viewport and verified that:

  1. The layout fits the screen width
  2. Improves the readability and clicking of topics
  3. Desktop behavior is unaffected

Before/after screenshots are attached for comparison.

Before:

After:

If this approach looks good, I’d be happy to open a PR for review.

Thanks!