Skip to content

Fix tags gap throughout the website in mobile view #276

@maanasb01

Description

@maanasb01

In mobile view, the tags present in various pages have gap issues.

  • On the Blog Index page, tags have no vertical spacing by default. The gap only appears after clicking 'Show more tags'. Ensure consistent vertical spacing is applied from the start.

Image

After clicking on "Show more tags"

Image

  • On the updates page, a similar problem with the "project tags" as described above

Image

  • On the updates page, each update also has tags listed within it. In mobile view, these tags are vertically aligned instead of covering the horizontal space. We need to wrap these tags (we can try flex-wrap), so that they utilize the horizontal space properly.
    Example screenshot of an update in mobile view:

Image

Metadata

Metadata

Assignees

Labels

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions