Skip to content

fix(projects): make project cards grid fill available width#4731

Merged
Siumauricio merged 1 commit into
canaryfrom
fix/projects-grid-fill-width
Jul 5, 2026
Merged

fix(projects): make project cards grid fill available width#4731
Siumauricio merged 1 commit into
canaryfrom
fix/projects-grid-fill-width

Conversation

@Siumauricio

Copy link
Copy Markdown
Contributor

Summary

  • The projects grid used fixed column counts per breakpoint (up to 3xl:grid-cols-5), so on ultra-wide screens the cards stayed capped at 5 columns and left empty space instead of filling the row.
  • Switched to grid-cols-[repeat(auto-fill,minmax(300px,1fr))] so columns are computed automatically and cards stretch to fill the available width.

Fixes #4523

@dosubot dosubot Bot added the size:XS This PR changes 0-9 lines, ignoring generated files. label Jul 5, 2026
@Siumauricio Siumauricio merged commit b96c5e8 into canary Jul 5, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XS This PR changes 0-9 lines, ignoring generated files.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Project cards spread far apart on large/wide screens instead of aligning left

1 participant