diff --git a/FoodsharingSiegen.Server/Controls/ProspectGrid.razor.css b/FoodsharingSiegen.Server/Controls/ProspectGrid.razor.css index c981b17..6da3b24 100644 --- a/FoodsharingSiegen.Server/Controls/ProspectGrid.razor.css +++ b/FoodsharingSiegen.Server/Controls/ProspectGrid.razor.css @@ -1,12 +1,17 @@ .prospect-grid { /* Default card width range. Override via a modifier class on ProspectGrid. */ - --pc-min-width: 200px; - --pc-max-width: 350px; + --pc-min-width: 320px; + --pc-max-width: 320px; display: grid; gap: 1rem; width: 100%; - grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--pc-min-width)), var(--pc-max-width))); - justify-content: center; + grid-template-columns: repeat(auto-fit, minmax(var(--pc-min-width), 1fr)); + justify-items: center; align-items: stretch; +} + +.prospect-grid > * { + width: 100%; + max-width: var(--pc-max-width); } \ No newline at end of file