.ys-homepage{
    max-width:1280px;
    margin:40px auto;
}

.ys-top{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:25px;
}

.ys-featured img{
    width:100%;
    height:420px;
    object-fit:cover;
    display:block;
    border-radius:12px;
}

.ys-featured h2{
    font-size:32px;
    line-height:1.35;
    margin:15px 0;
}

.ys-sidebar{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.ys-side-post{
    display:flex;
    gap:15px;
}

.ys-side-post img{
    width:130px;
    height:90px;
    object-fit:cover;
    border-radius:8px;
}

.ys-side-post h3{
    font-size:18px;
    margin:0;
    line-height:1.4;
}

.ys-bottom{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
    margin-top:30px;
}

.ys-bottom img{
    width:100%;
    height:180px;
    object-fit:cover;
    border-radius:10px;
}

.ys-bottom h4{
    font-size:18px;
    margin-top:12px;
}

@media(max-width:992px){

.ys-top{

grid-template-columns:1fr;

}

.ys-bottom{

grid-template-columns:1fr;

}

}