The gap is the rest of your columns :) since you declared that item5 should take a place of column 4, the rest of space is left empty, thats why the gap. You can fix that by writing:
ev2 {
background-color: #ffeead;
grid-column: 4 / 8; - so it starts from column 4 and goes along to column 8
grid-row: 3 / 6;
}
Message me to Twitter if its still not clear :)
Hi, I need to see the code. Please make a pen on CodePen with the code and share the link
Thanks for the reply, here is my code:
codepen.io/fretagi/pen/qBaPExy
The gap is the rest of your columns :) since you declared that item5 should take a place of column 4, the rest of space is left empty, thats why the gap. You can fix that by writing:
ev2 {
background-color: #ffeead;
grid-column: 4 / 8; - so it starts from column 4 and goes along to column 8
grid-row: 3 / 6;
}
Message me to Twitter if its still not clear :)
Thank you very much :)!!