Barack Obama | Examples | Responsive Web Design

Barack Obama

Barack Obama website across 4 viewports
Barack Obama across four different breakpoints

View Barack Obama

The site also uses https://github.com/mattbryson/TouchSwipe-Jquery-Plugin

Barack Obama Technical Details

Site Meta Tag

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Media Queries

@media (min-width: 768px) { }
@media (min-width: 992px) { }
@media (min-width: 1200px) { }
@media (min-width: 992px) and (max-width: 1199px) { }
@media (min-width: 480px) { }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { }
@media (max-width: 767px) { }
@media (max-width: 991px) { }
@media (max-width: 1199px) { }
@media (max-width: 480px) { }
@media (min-width: 768px) and (max-width: 991px) { }
@media (min-width: 992px) and (max-width: 1199px) { }

Plugins used on Barack Obama

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.