Make skills card and projects card consistent

This commit is contained in:
hossainemruz 2020-06-23 03:42:46 +06:00
parent 6277321d1f
commit 760de0acaf
4 changed files with 25 additions and 33 deletions

View file

@ -1,12 +1,11 @@
.projects .card .card-header {
padding: 10px;
background-color: #f9fafc;
padding: 0.7rem;
padding-bottom: 0rem;
}
.projects .card .card-img-xs {
margin-top: 0px;
margin-left: 0px;
margin-bottom: 5px;
margin-right: 10px;
margin-right: 0.5rem;
}
.card .card-header .sub-title span:nth-child(1) {
@ -16,17 +15,17 @@
float: right;
}
.projects .card .card-header {
background-color: #f9fafc;
.projects .card .card-body {
padding: 0.7rem;
}
.projects .card .card-header .sub-title {
color: #8392a5;
margin-top: 5px;
margin-top: 0.4rem;
}
.filtr-projects {
padding: 15px !important;
padding: 1rem !important;
}
/* ============= Device specific fixes ======= */
@ -57,6 +56,6 @@
@media only screen and (max-width: 576px) {
.projects .btn {
margin-top: 5px;
margin-top: 0.3125rem;
}
}

View file

@ -1,28 +1,23 @@
.skills .card .card-head img {
margin: 10px;
.skills .card .card-head {
background-color: #f9fafc;
height: fit-content;
padding: 0.7rem;
padding-bottom: 0rem;
border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.125);
}
.skills .card .card-head i{
font-size: 1.5rem;
margin: 10px;
margin-top: 15px;
.skills .card .card-img-xs {
margin-right: 0.5rem;
}
.skills .card {
margin-top: 10px;
margin-bottom: 10px;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.skills .card .card-body {
padding-top: 0;
}
.skills .card .card-head {
height: fit-content;
}
.skills .card .card-head h4 {
margin-top: 0.8rem;
padding-top: 0.2rem;
padding-left: 0.7rem;
}
/* ============= Device specific fixes ======= */