Skip to content

Explorer page: Tag buttons overflow and get cut off on mobile screens #803

@Abhijeet2409

Description

@Abhijeet2409

Description

On the /explorer page, the tag buttons (e.g., NIST, CWE, ASVS, OWASP Cheat Sheets, etc.) overflow the container and get cut off on smaller screen sizes.

This happens because the tag container does not wrap properly when the screen width becomes small.

Steps to Reproduce

  1. Go to /explorer
  2. Open browser DevTools
  3. Switch to mobile/responsive view (~420px width)
  4. Scroll through the listed items

Observed Behavior

Tag buttons overflow horizontally and get partially cut off.

Expected Behavior

Tag buttons should wrap to the next line instead of overflowing outside the container.

Possible Fix

Allow the container holding the tags to wrap using:

flex-wrap: wrap;
Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions