IP / host name

3.14.6.194

ec2-3-14-6-194.us-east-2.compute.amazonaws.com

  Screen resolution

X-Small devices

● portrait phones
● less than 576 px

X-Small
< 576 px

Media queries → min-width

// No media query necessary
for xs breakpoint

Media queries → max-width

@media (max-width: 575.98px)
{ your code... }

Small devices

● landscape phones
● 576 px and up

Small
>= 576 px

Media queries → min-width

@include media-breakpoint-down(sm)
{ your code... }

Media queries → max-width

@media (max-width: 767.98px)
{ your code... }

Medium devices

● tablets
● 768 px and up

Medium
>= 768 px

Media queries → min-width

@include media-breakpoint-down(md)
{ your code... }

Media queries → max-width

@media (max-width: 991.98px)
{ your code... }

Large devices

● desktops
● 992 px and up

Large
>= 992 px

Media queries → min-width

@include media-breakpoint-down(lg)
{ your code... }

Media queries → max-width

@media (max-width: 1199.98px)
{ your code... }

Extra large devices

● large desktops
● 1200 px and up

X-Large
>= 1200 px

Media queries → min-width

@include media-breakpoint-down(xl)
{ your code... }

Media queries → max-width

@media (max-width: 1399.98px)
{ your code... }

Extra extra large devices

● larger desktops
● 1400 px and up

XX-large
>= 1400 px

Media queries → min-width

@include media-breakpoint-down(xxl)
{ your code... }

Media queries → max-width

// No media query
since no upper bound