Skip to content

Commit 1ce3333

Browse files
Wrap instead of hiding crate list sections on mobile.
1 parent 09b3e7b commit 1ce3333

File tree

1 file changed

+14
-4
lines changed

1 file changed

+14
-4
lines changed

app/styles/home.scss

Lines changed: 14 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -115,12 +115,22 @@
115115
}
116116
li a:hover { background-color: darken($main-bg-dark, 5%); }
117117

118+
}
119+
120+
#home-crates {
121+
@include flex-wrap(wrap);
122+
@include justify-content(center);
123+
124+
> div {
125+
margin: 0;
126+
padding: 0 15px;
127+
width: 33.33%;
128+
}
129+
118130
@media only screen and (max-width: 750px) {
119-
#just-updated { display: none; }
131+
> div { width: 50%; }
120132
}
121133
@media only screen and (max-width: 550px) {
122-
#new-crates { display: none; }
134+
> div { width: 100%; }
123135
}
124136
}
125-
126-
#home-crates > div { @include flex(1); }

0 commit comments

Comments
 (0)