Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

AntdCardCells has inequal sizes and inner layout problems in GridLayout #3

Closed
amivanoff opened this issue Jul 2, 2021 · 0 comments · Fixed by #4
Closed

AntdCardCells has inequal sizes and inner layout problems in GridLayout #3

amivanoff opened this issue Jul 2, 2021 · 0 comments · Fixed by #4
Assignees

Comments

@amivanoff
Copy link
Member

amivanoff commented Jul 2, 2021

Problems with our current approach

  • inequal AntdCardCells heights in a row
  • when resizing the page by width, cards changes too much and breaks layout
  • in case of 4k display inflexible grid did not allow us to increase cards in a row auto-magically with the help of HTML layouter

See examples from Antd Pro here

And ListSearchProjects source code

It seems, they use List, not Grid, so they are varying width a little and then they increase or decrease cards count in a row in responce to the page width changes. More adaptive and flexible design. Compatible with small mobile screens. Compatible with pagination or "infinite list".

Antd List has grid property for this layout.

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 a pull request may close this issue.

2 participants