We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
1 parent be9e617 commit 7d6c051Copy full SHA for 7d6c051
app/styles/home.scss
@@ -121,18 +121,22 @@
121
}
122
li a:hover { background-color: darken($main-bg-dark, 5%); }
123
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
136
@media only screen and (max-width: 750px) {
- #just-updated { display: none; }
137
+ > div { width: 50%; }
138
139
@media only screen and (max-width: 550px) {
- #new-crates { display: none; }
140
+ > div { width: 100%; }
141
142
-
-#home-crates > div {
- @include flex(1);
- // flexbox trick to help truncate text and prevent overflow
- // https://css-tricks.com/flexbox-truncated-text/
- min-width: 0;
-}
0 commit comments