article.css

/* .scroll main{
    height: 100px;  
    padding: 100px;
    background: red;
} */

.sicky-bar{
    width: 100%;
    z-index: 2;
}
section{
    position: relative;
    left: 20vh;
    width: auto;
}

main{
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 30%;
    height: auto;
    padding-bottom: 10px;
    position: relative;
    left: 20vh;
    border-radius: 10px;
}

.card{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: grey;
    height: 300px;
    min-width: 250px;
    margin: 5px;
    padding-bottom: 10px;
    border-radius: 5px;
}

.card img{
    width: 100%;
    height: 40%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.card h3 , .card p{
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
}