Skip to content

fix: make quest tiles responsive and equal size#1787

Closed
Ai-chan-0411 wants to merge 1 commit intoMetaFam:developfrom
Ai-chan-0411:fix/quest-tiles-responsive-1773
Closed

fix: make quest tiles responsive and equal size#1787
Ai-chan-0411 wants to merge 1 commit intoMetaFam:developfrom
Ai-chan-0411:fix/quest-tiles-responsive-1773

Conversation

@Ai-chan-0411
Copy link
Copy Markdown

Closes #1773

Fixes the issue where quest tile images are not sized equally and grid is not responsive on mobile.

Changes

  • Updated QuestTile minW to be responsive (100% on mobile, 300px on desktop)
  • Added autoRows to SimpleGrid in QuestList to ensure consistent tile heights
  • Improved layout for mobile and tablet viewports

/attempt 1773

- Update QuestTile minW to be responsive (100% on mobile, 300px on md+)
- Add autoRows to SimpleGrid to ensure all tiles have consistent height
- Improve grid layout for mobile and tablet views
@codesandbox
Copy link
Copy Markdown

codesandbox bot commented Apr 11, 2026

Review or Edit in CodeSandbox

Open the branch in Web EditorVS CodeInsiders

Open Preview

@vercel
Copy link
Copy Markdown

vercel bot commented Apr 11, 2026

@aoi-dev-0411 is attempting to deploy a commit to the MetaFamily Team on Vercel.

A member of the Team first needs to authorize it.

@Ai-chan-0411
Copy link
Copy Markdown
Author

Closing to keep PR volume manageable. Happy to reopen if you find these useful!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Image tiles not sized equally and grid on Quests not responsive.

1 participant