mirror of
https://github.com/discourse/discourse.git
synced 2024-11-30 12:43:54 -06:00
UX: improve group page grid sizes (#17208)
This commit is contained in:
parent
a0f3ec7b13
commit
6f32d605ba
@ -29,18 +29,10 @@
|
||||
.groups-boxes {
|
||||
display: grid;
|
||||
grid-gap: 1em;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
grid-template-columns: repeat(auto-fit, minmax(16em, 1fr));
|
||||
margin: 1em 0;
|
||||
width: 100%;
|
||||
|
||||
@include breakpoint("medium") {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
|
||||
@include breakpoint("mobile-extra-large") {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
.group-box {
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
|
Loading…
Reference in New Issue
Block a user