Skip to content

Instantly share code, notes, and snippets.

@morganwilde
Created April 23, 2020 20:28
Show Gist options
  • Save morganwilde/90f52b7a7defc931c857ef6d5e914d5c to your computer and use it in GitHub Desktop.
Save morganwilde/90f52b7a7defc931c857ef6d5e914d5c to your computer and use it in GitHub Desktop.
/* Media queries*/
@media only screen
and (min-device-width: 320px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
header {
grid-template-columns: 1fr;
}
header .wrapper.isMain {
grid-column-start: 1;
grid-column-end: 1;
/* flex-direction: column;
align-items: center; */
}
main {
grid-template-columns: 1fr;
}
main > .wrapper {
grid-column-start: 1;
grid-column-end: 1;
}
footer {
grid-template-columns: 1fr;
}
footer .wrapper {
grid-column-start: 1;
grid-column-end: 1;
}
footer .supporters {
flex-direction: column;
}
footer .supporters img {
margin: 0 0 16px 0;
}
.appLogo {
/* order: 2; */
margin: 0 16px 0 8px;
height: 20px;
}
.nhsLogo {
/* order: 3; */
margin: 0 8px 0 0;
height: 20px;
}
.isMain .title h1 {
font-size: 18px;
}
.isMain .title h2 {
font-size: 14px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment