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

Fix dataset cards layout #410

Merged
merged 2 commits into from
May 5, 2023
Merged

Fix dataset cards layout #410

merged 2 commits into from
May 5, 2023

Conversation

MonkeyDo
Copy link
Contributor

@MonkeyDo MonkeyDo commented May 5, 2023

On mobile, the fixed height css of the dataset page cards becomes an issue and text overlaps outside the cards.
image

Using flexbox instead (because flexbox is the answer to all my problems) we can make the cards extend to be the same height as their neighbors, but also have that height be dynamic.

On mobile, the fixed height becomes an issue and text overlaps outside the cards.
Using flex instead, because flex is the answer to all my problems, we can make the cards extend to be the same height, but also have that height be dynamic.
@github-actions

This comment has been minimized.

@MonkeyDo MonkeyDo requested a review from mayhem May 5, 2023 14:15
@github-actions

This comment has been minimized.

Copy link
Member

@mayhem mayhem left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

THANK YOU!

@mayhem mayhem merged commit 94ed143 into master May 5, 2023
@mayhem mayhem deleted the datasets-page-css branch May 5, 2023 14:50
@github-actions
Copy link

github-actions bot commented May 5, 2023

Unit Test Results

  1 files  ±0    1 suites  ±0   27s ⏱️ ±0s
67 tests ±0  67 ✔️ ±0  0 💤 ±0  0 ❌ ±0 

Results for commit 94ed143. ± Comparison against base commit 94ed143.

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.

2 participants