Refactor ProspectContainer and ProspectGrid: adjust layout styles and add grid class for improved responsiveness
All checks were successful
Build And Push Dev Docker Image / docker (push) Successful in 1m32s
All checks were successful
Build And Push Dev Docker Image / docker (push) Successful in 1m32s
This commit is contained in:
12
FoodsharingSiegen.Server/Controls/ProspectGrid.razor.css
Normal file
12
FoodsharingSiegen.Server/Controls/ProspectGrid.razor.css
Normal file
@@ -0,0 +1,12 @@
|
||||
.prospect-grid {
|
||||
/* Default card width range. Override via a modifier class on ProspectGrid. */
|
||||
--pc-min-width: 200px;
|
||||
--pc-max-width: 350px;
|
||||
|
||||
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;
|
||||
align-items: stretch;
|
||||
}
|
||||
Reference in New Issue
Block a user