Skip to content

Instantly share code, notes, and snippets.

@fireflysemantics
Created August 18, 2022 21:11
Show Gist options
  • Save fireflysemantics/0ef54f0ab6916da511be981ba231f5a5 to your computer and use it in GitHub Desktop.
Save fireflysemantics/0ef54f0ab6916da511be981ba231f5a5 to your computer and use it in GitHub Desktop.
nav {
display: flex;
align-items: center;
justify-content: center;
background-color: aqua;
width: 20rem;
height: 20rem;
}
.container {
background-color: darkorchid;
width: 10rem;
height: 8rem;
}
nav.onCollapse {
width: 4rem;
height: 4rem;
}
nav.onCollapse .container {
width: 2rem;
height: 2rem;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment