Skip to content

Instantly share code, notes, and snippets.

@brajeshwar
Created December 29, 2011 14:35
Show Gist options
  • Save brajeshwar/1534354 to your computer and use it in GitHub Desktop.
Save brajeshwar/1534354 to your computer and use it in GitHub Desktop.
Boob size response accordingly when viewed on different resolutions.
// Smartphones
@media (max-width: 480px) {
boob-size: 32;
boob-cup: A;
}
// Tablets and bigger landscape phones
@media (min-width: 480px) and (max-width: 768px) {
boob-size: 34;
boob-cup: B;
}
// Portrait tablet to landscape and desktop browsers
@media (min-width: 768px) and (max-width: 940px) {
boob-size: 36;
boob-cup: C;
}
// X-Large desktop
@media (min-width: 1210px) {
boob-size: 38;
boob-cup: D;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment