profile-github-card
Version:
Create GitHub card for your GitHub Account
77 lines (76 loc) • 1.22 kB
CSS
/* add css module styles here (optional)
.container {
padding: 2px 16px;
width: 300px;
}
.test {
display:flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.card {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
border-radius: 5px;
padding-bottom: 2px;
}
.content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.cover {
height: 40px;
background-color:black;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.bio {
width: 90%;
margin: auto;
}
.login {
color: gray;
}
.infoWrapper {
background-color: #efefef;
height: 50px;
width: 90%;
margin:auto;
margin-bottom: 20px;
margin-top: 20px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
text-align: center;
border-radius: 3%;
border-top: 5px solid black;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.item {
margin: 0 10px;
}
.item h5 {
margin:0;
}
.item h4 {
margin:0;
}
.link {
text-decoration: none;
}
a:hover h4{
color: black;
}
.image {
border-radius: 5px 5px 0 0;
border-radius: 50%;
width: 50%;
margin-top: 10px;
}*/