fix: content overflow on small screen

[ShubhamOulkar]

Note: Grid layout is introduced in our design

closes #1831

preview https://deploy-preview-1948--expressjscom-preview.netlify.app/en/5x/api

[netlify]

✅ Deploy Preview for expressjscom-preview ready!

Name	Link
🔨 Latest commit	98b8e87
🔍 Latest deploy log	https://app.netlify.com/projects/expressjscom-preview/deploys/685f569467af6b00080ccea8
😎 Deploy Preview	https://deploy-preview-1948--expressjscom-preview.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[ShubhamOulkar]

LGTM. I suggest fast-tracking this PR, as the overflow issue is affecting a all of users.

[bjohansebas]

I think we should keep the Markdown as it is. Jekyll performs several processes behind the scenes, especially for code highlighting, so I don't think we should move this to HTML.

[ShubhamOulkar]

I don't think we should move this to HTML.

Tables aren't responsive by default, and the original layout caused horizontal overflow on small screens. I used semantic HTML <ul> with Flexbox to solve this. It’s now responsive and easier to maintain for future design updates.

The only downside is having HTML in Markdown, which may slightly affect doc editing for contributors — but I think the improved UX and maintainability are worth it.

I think we should keep the Markdown as it is

As an alternative, we could also wrap Markdown lists in a styled <div class=""> to avoid full HTML, but that still requires some custom CSS.

<div class="">
  - mkcol
  - move
  - m-search
  - notify
  - options
  - patch
  - post
</div>

We need to remove this unnecessary table. Let me know if you have any concerns with this approach.