Skip to content

Instantly share code, notes, and snippets.

@khoipro
Created December 5, 2017 03:36
Show Gist options
  • Save khoipro/d28c94091cc7b6f2c13f208af74795fe to your computer and use it in GitHub Desktop.
Save khoipro/d28c94091cc7b6f2c13f208af74795fe to your computer and use it in GitHub Desktop.
// SCSS
$mobile-breakpoint: 320px;
$tablet-breakpoint: 1024px;
.menu-item {
// Mobile value
width: 100%;
@media (min-width: $mobile-breakpoint) {
width: 50%;
}
@media (min-width: $tablet-breakpoint) {
width: 33.33%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment