Use "*-section class" instead of adding new div

This commit is contained in:
hossainemruz 2020-06-30 21:57:20 +06:00
parent a2c41811ab
commit 8d6cbcca21
13 changed files with 115 additions and 128 deletions

View file

@ -1,4 +1,4 @@
#achievements-section .container {
.achievements-section .container {
padding-top: 0.5rem;
}

View file

@ -1,10 +1,10 @@
#projects-section .card .card-header {
.projects-section .card .card-header {
background-color: #f9fafc;
padding: 0.7rem;
padding-bottom: 0rem;
}
#projects-section .card .card-img-xs {
.projects-section .card .card-img-xs {
margin-right: 0.5rem;
}
@ -15,11 +15,11 @@
float: right;
}
#projects-section .card .card-body {
.projects-section .card .card-body {
padding: 0.7rem;
}
#projects-section .card .card-header .sub-title {
.projects-section .card .card-header .sub-title {
color: #8392a5;
margin-top: 0.4rem;
}
@ -55,7 +55,7 @@
/* Small devices (landscape phones, 576px and up) */
@media only screen and (max-width: 576px) {
#projects-section .btn {
.projects-section .btn {
margin-top: 0.3125rem;
}
}

View file

@ -1,19 +1,19 @@
#recent-posts-section .container{
.recent-posts-section .container{
padding-top: 1rem;
}
#recent-posts-section .card .card-footer span {
.recent-posts-section .card .card-footer span {
font-size: 10pt;
color: #6c757d !important;
padding-top: 5px;
}
#recent-posts-section .card .card-footer {
.recent-posts-section .card .card-footer {
background: #fff;
margin-top: auto;
}
#recent-posts-section .post-card-link{
.recent-posts-section .post-card-link{
text-decoration: none;
}

View file

@ -1,4 +1,4 @@
#skills-section .card .card-head {
.skills-section .card .card-head {
background-color: #f9fafc;
height: fit-content;
padding: 0.7rem;
@ -6,16 +6,16 @@
border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.125);
}
#skills-section .card .card-img-xs {
.skills-section .card .card-img-xs {
margin-right: 0.5rem;
}
#skills-section .card {
.skills-section .card {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
#skills-section .card .card-body {
.skills-section .card .card-body {
padding-top: 0.2rem;
padding-left: 0.7rem;
}

View file

@ -250,10 +250,10 @@ img.right{
padding-right: 5px;
}
#skills-section,
#projects-section,
#recent-posts-section,
#achievements-section{
.skills-section,
.projects-section,
.recent-posts-section,
.achievements-section{
padding-left: 0;
padding-right: 0;
}