DEV Community

loading...

Discussion on: Responsive Website using CSS Grid

Collapse
olenadrugalya profile image
Olena Drugalya Author

Hi, I need to see the code. Please make a pen on CodePen with the code and share the link

Collapse
fretagi profile image
fretagi

Thanks for the reply, here is my code:

codepen.io/fretagi/pen/qBaPExy

Thread Thread
olenadrugalya profile image
Olena Drugalya Author

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 :)

Thread Thread
fretagi profile image
fretagi

Thank you very much :)!!