Skip to content

Instantly share code, notes, and snippets.

@hughker
Last active August 29, 2015 14:20
Show Gist options
  • Save hughker/a78bd3fc9ffed96efd7a to your computer and use it in GitHub Desktop.
Save hughker/a78bd3fc9ffed96efd7a to your computer and use it in GitHub Desktop.
Ways We Work (www.wayswework.io) CSS Twerking
@media (max-width: 320px) {
a.btn-tweet {
font-size: 17px;
}
.interview-sharing .lines {
background-color: transparent;
}
.interview-sharing .btn-readmore {
font-size: 18px;
}
}

#Ways We Work CSS Twerking Slight fixes for us still on iPhone 5's

I noticed that when browsing the site — this page specifically — there were a couple of buttons in the footer area that were busting outta their container.

Misbehaving Buttons

So I thought I would just see what was going on and see if it was an easy fix. Unless I'm mistaken, if you add the following lines of CSS to your simple_theme.css it should prevent the buttons from busting out.

@media (max-width: 320px) {
  a.btn-tweet {
    font-size: 17px;
  }
  .interview-sharing .lines {
    background-color: transparent;
  }
  .interview-sharing .btn-readmore {
    font-size: 18px;
  }
}

And hopefully that'll give you the following results.

Tamed Buttons

Anyways, nothing really major or serious at all, but just figured I'd let ya'll know.

Oh and also, ya'll are adding simple_theme.css twice on your website…

<!-- Bootstrap -->
<link href="/_themes/simple_theme/css/bootstrap.min.css" rel="stylesheet">
<link href="/_themes/simple_theme/css/simple_theme.css" rel="stylesheet">

<link rel="stylesheet" href="/_themes/simple_theme/css/simple_theme.css">
<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

Anyways, love the site and looking forward to the new interviews.

-Winston

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment