How do I remove this excess space??

Question

https://code.sololearn.com/WhoNrk6iui16/?ref=app

I want it all to be together no space in between
And why is the space vertical but horizontal is fine and has no space

Answer 1

you could use an actual display grid

#grid{
display:grid;
grid-template-rows:repeat(4,1fr);
grid-template-columns:repeat(3,1fr);
}