Skip to content

Instantly share code, notes, and snippets.

@lestoni
Created August 8, 2014 15:31
Show Gist options
  • Save lestoni/426b251c3cf68c2c7b42 to your computer and use it in GitHub Desktop.
Save lestoni/426b251c3cf68c2c7b42 to your computer and use it in GitHub Desktop.
some momentum core:FTW
@media only screen and (max-width: 480px) and (min-width: 320px) {
/*==========================================
Get rid of the H6 it is not necessary.
Giving the heading some whitespace provides
a good visual view.
=========================================*/
.heading h2 {
font-size: 1.1em;
width: 100%;
padding: 5px;
}
/*======================================
Mobile devices should have a good
view of media features for site.
Gives users a good perspective of
your products and services(*trust
me no one wants to strain*)
=======================================*/
.gallerylist-wrapper {
margin-right: 2.6%;
width: 100%;
margin-top: 5%;
}
.desc h2 {
text-align: center;
margin-bottom: 0;
font-size: 24px;
}
/*===================================
Footer info, centered always, it keeps
the user's attention always in the
center of the viewport. Visual focus
is errrrthing.
=====================================*/
.social-media li {
float: none;
}
/*=================================
Consider adding a class or something
to the last .fbgrid, maybe .fb-grid-last
, as is the only one being affected in the case
===================================*/
.fb-grid-last {
text-align: center;
width: 100%;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment