Skip to content

Instantly share code, notes, and snippets.

@jongravois
Created November 30, 2019 16:33
Show Gist options
  • Save jongravois/f5a002a1b8f95f8902532b5580cb0488 to your computer and use it in GitHub Desktop.
Save jongravois/f5a002a1b8f95f8902532b5580cb0488 to your computer and use it in GitHub Desktop.
.profile-card {
background-color: #fff;
-webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11),
0 5px 15px 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11),
0 5px 15px 0 rgba(0, 0, 0, 0.08);
border-radius: 0.5rem;
overflow: hidden;
padding: 1rem 1.5rem;
}
.profile-card-image {
display: block;
border-radius: 9999px;
margin-left: auto;
margin-right: auto;
margin-bottom: .5rem;
height: 4rem;
}
.profile-card-meta {
flex: 1;
}
.profile-card--horizontal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.profile-card--horizontal .profile-card-image {
margin-left: 0;
margin-right: 1rem;
margin-bottom: 0;
height: 6rem;
}
.profile-card--horizontal .profile-card-meta {
text-align: left;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment