Skip to content

Instantly share code, notes, and snippets.

@chrisgriffith
Created May 13, 2019 21:22
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 chrisgriffith/e4c9d5128866cdd9af1acb0bb7c98f9c to your computer and use it in GitHub Desktop.
Save chrisgriffith/e4c9d5128866cdd9af1acb0bb7c98f9c to your computer and use it in GitHub Desktop.
.card {
margin: 0 auto;
.header {
height: 200px;
.avatar {
width: 160px;
height: 160px;
position: relative;
margin: 0 auto;
img {
display: block;
border-radius: 50%;
position: absolute;
bottom: calc(-1*(80px + 4px));
border: 8px solid #9Dc912;
background-color: #fff;
}
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment