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

Card - Fluid by default #564

Open
wrabit opened this issue Feb 8, 2023 · 3 comments
Open

Card - Fluid by default #564

wrabit opened this issue Feb 8, 2023 · 3 comments
Labels
enhancement New feature or request

Comments

@wrabit
Copy link

wrabit commented Feb 8, 2023

Summary

It seems there always has to be a max-w applied. What if we are already wrapping the Card within a sized container like a grid cell?

Basic example

The default to be fluid (no max-width) and size unset

Motivation

This component becomes very hard to use in the way which it should be used, it shouldn't be forced to be a width-setting component.

@wrabit wrabit added the enhancement New feature or request label Feb 8, 2023
@Clemens-B
Copy link

You can do <Card class="max-w-none"/> in the meantime.

@KnightChaser
Copy link

I was wondering why Card objects don't stretch to the browser screen such as if there was a setting limiting the max width. And finally, here, I got a solution. Thanks. (I'm not familiar in Frontend stuff though...)

@shinokada
Copy link
Collaborator

Please use the props for the styling: https://flowbite-svelte.com/docs/components/card#Card_styling

The design is from https://flowbite.com/docs/components/card/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

4 participants