Part 7 PSD to HTML Portfolio Section CSS [HTML/ CSS] [Code Fusion]

 The source code of this video is bellow

/* Portfolio */

#portfolio {
    padding: 155px 0;
    text-align: center;

}

#portfolio h2 {
    font-size: 50px;
    font-weight: 700;

}

#portfolio p {
    margin: 30px 60px;
}

.ul-portfolio {
    margin: 65px 50px;
}

.ul-portfolio li {
    display: inline-block;
}

.ul-portfolio li a {
    display: inline-block;
    padding: 15px 30px;
    margin: 0 10px;
    border: 3px solid #000000;
    transition: 0.3s;

}

.ul-portfolio li a:hover {
    border: 3px #4e3391 solid;
    color: #ffffff;
    background-color: #4e3391;
    padding: 20px;
    transition: 0.3s;
    margin: 0 10px;
}

.gallery {
    width: 100%;
    padding-bottom: 105px;
}

.row {
    width: 100%;
}

.col-4-port {
    width: 25%;
    float: left;
    margin-bottom: 15px;
}