what is grid css

CSS Grid Layout is a two-dimensional grid-based layout system that aims to do nothing less than completely change the way we design grid-based user interfaces. CSS has always been used to lay out our web pages, but it’s never done a very good job of it. First, we used tables, then floats, positioning and inline-block, but all of these methods were essentially hacks and left out a lot of important functionality (vertical centering, for instance). Flexbox helped out, but it’s intended for simpler one-dimensional layouts, not complex two-dimensional ones (Flexbox and Grid actually work very well together). Grid is the very first CSS module created specifically to solve the layout problems we’ve all been hacking our way around for as long as we’ve been making websites.

6 Replies

Know the answer? Post it — somebody with the same question will find it here.

gopal pal5y ago
Hi please give solutions please
+1
gopal pal5y ago

but grid gap 0px right side space hidden
+1
gopal pal5y ago

See right side pace
+1
Salman Beg5y ago
Gopal, can you explain your problem little bit more. If you are getting some extra spaces then inspect element and check what are the css applied and why it is taking space. Thanks
+2
gopal pal5y ago
But how to use grid in persentage (%) ?
use persentage but tack extera space right side why?
+1
Pranam Bhat5y ago
CSS Grid Layout is a two-dimensional grid-based layout system that aims to do nothing less than completely change the way we design grid-based user interfaces. CSS has always been used to lay out our web pages, but it’s never done a very good job of it. First, we used tables, then floats, positioning and inline-block, but all of these methods were essentially hacks and left out a lot of important functionality (vertical centering, for instance). Flexbox helped out, but it’s intended for simpler one-dimensional layouts, not complex two-dimensional ones (Flexbox and Grid actually work very well together). Grid is the very first CSS module created specifically to solve the layout problems we’ve all been hacking our way around for as long as we’ve been making websites.
+2