Skip to content

Instantly share code, notes, and snippets.

@jaunesarmiento
Last active April 27, 2021 09:01
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 jaunesarmiento/e6780f98c8881c72fd10964ce0974573 to your computer and use it in GitHub Desktop.
Save jaunesarmiento/e6780f98c8881c72fd10964ce0974573 to your computer and use it in GitHub Desktop.
.app {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
}
.header {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 80px;
background: #fff;
box-shadow: 1px 4px 16px rgba(0, 0, 0, 0.15);
display: flex;
align-items: center;
justify-content: flex-end;
padding: 0 16px;
}
/* Update .container CSS */
.container {
display: flex;
flex-direction: column;
margin-top: 48px;
width: 540px;
height: 540px;
background: white;
border-radius: 6px;
box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment