Skip to content

Commit 7d6c051

Browse files
Wrap instead of hiding crate list sections on mobile.
1 parent be9e617 commit 7d6c051

File tree

1 file changed

+14
-10
lines changed

1 file changed

+14
-10
lines changed

app/styles/home.scss

+14-10
Original file line numberDiff line numberDiff line change
@@ -121,18 +121,22 @@
121121
}
122122
li a:hover { background-color: darken($main-bg-dark, 5%); }
123123

124+
}
125+
126+
#home-crates {
127+
@include flex-wrap(wrap);
128+
@include justify-content(center);
129+
130+
> div {
131+
margin: 0;
132+
padding: 0 15px;
133+
width: 33.33%;
134+
}
135+
124136
@media only screen and (max-width: 750px) {
125-
#just-updated { display: none; }
137+
> div { width: 50%; }
126138
}
127139
@media only screen and (max-width: 550px) {
128-
#new-crates { display: none; }
140+
> div { width: 100%; }
129141
}
130142
}
131-
132-
#home-crates > div {
133-
@include flex(1);
134-
135-
// flexbox trick to help truncate text and prevent overflow
136-
// https://css-tricks.com/flexbox-truncated-text/
137-
min-width: 0;
138-
}

0 commit comments

Comments
 (0)