Issue with image span

I'm trying to span the image to the 3 column, but it's not working. I did some research couldn't find any answers. Code pen: https://codepen.io/Jonah-the-lessful/pen/qBwjXVo

3 Replies

You are putting the span on the img instead of on the surrounding div. Also, it's grid-column: 1 / span 2 vs 1 / 2 span.

.image {
    width:100%;
    height:300px;
    grid-column: 1 / span 2;
}

.image {
    width:100%;
    height:300px;
    grid-column: 1 / span 2;
}

JonahOP•10mo ago

Thank you, I was stressing out 😭

You're welcome 🙂