Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save ckschmieder/0d3c03a46d6858cdec5ae52d30339651 to your computer and use it in GitHub Desktop.
Save ckschmieder/0d3c03a46d6858cdec5ae52d30339651 to your computer and use it in GitHub Desktop.
Stash of temp fix for header layout on mobile.
@media screen and (max-width: 480px) {
.headrt > * {margin: 0 0 5px 0!important;/* padding: .6em!important; *//* align-self: stretch; */width: 100%!important;box-sizing: border-box;}
.mobile.pad-b2.t-right {
width: 85%!important;
padding: 0;
order: -2;
}
.btn.greenbg.f-right {
width: 100%;
}
.headrt {
display: flex;
flex-flow: row wrap;
align-items: flex-end;
justify-content: space-between;
position: relative;
margin-top: 1em;
}
.headrt center:last-child {
color: red;
order: -1;
top: 0;
right: 0;
height: 100%!important;
width: 15%!important;
line-height: 1;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment