How To Use CSS-Grid

Sup Hasani here one of the BrothersWhoCode so today I was looking in one of my old blogs when I saw How To Make A Header Using HTML & CSS, And in this blog, I saw me using CSS-Grid in this blog, but I did not explain what CSS-Grid was, So in this blog, So in this blog, I am going to explain what CSS-Grid lets dive in.

So to clarify yes CSS and CSS-Grid are not the same things even tho CSS-Grid is in CSS.

Now CSS-Grid 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 is Great but some things like making a simple header or creating a row or columns of something can be hard and time-consuming but with CSS-Grid it’s easier than ever for example for a header.

This is the CSS code:

This is the CSS-Grid code:

This is not even all you can do with CSS-Grid this is just the beginning for more data look here. https://www.w3schools.com/css/css_grid.asp

That’s all, for now, thanks for reading and if you like BrothersWhoCode you will love https://brotherswhocode.dev/

and see you

Leave a comment

Design a site like this with WordPress.com
Get started