Skip to content

Instantly share code, notes, and snippets.

@EdCharbeneau
Last active November 1, 2021 19:37
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save EdCharbeneau/9b6fd4722ef2aa9ef9c3a1616223e117 to your computer and use it in GitHub Desktop.
Save EdCharbeneau/9b6fd4722ef2aa9ef9c3a1616223e117 to your computer and use it in GitHub Desktop.
/*highlight the small rows*/
.main-layout > div:nth-child(4n-1), .main-layout > div:nth-child(4n) {
background: #777
}
.main-layout > div {
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
background-color: #AAA;
color: white;
font-size: 32px;
}
@media (min-width: 768px) {
.main-layout > div:nth-child(4n-1), .main-layout > div:nth-child(4n) {
background: #777
}
}
@media (max-width: 767.98px) {
.main-layout > div:nth-child(odd) {
background: #777
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment