#portfolioBanner{
    width: 100%;
    height: 300px;
    background: url('./../images/aboutMaintenance.jpg') center;
    background-size: cover;
}
/* Style for cards */
#cardWrapper{
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(400px,1fr));
    max-width: 1400px;
    margin: auto;
    gap: 1rem;
}
@media screen and (min-width:700px){
    #portfolioBanner{
        background-position: top;
        height: 800px;
    }
    #introPortfolio{
        display: grid;
        grid-template-columns: 1fr 800px 1fr;
    }
    #introPortfolio article{
        grid-column: 2/3;
        text-align: justify;
    }
    /* Style for cards */
    /* .card{
        width: 500px;
        height: auto;
    } */
     #cardWrapper .descCard{
        height: 150px;
        overflow: auto;
     }
}
@media screen and (min-width:1400px) {
    #cardWrapper{
        max-width: 1600px;
    }
}