Card - Fluid by default

[wrabit]

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.

[shinokada]

Can you show us a REPL or stackbli example?

[Clemens-B]

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

[KnightChaser]

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]

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/