Photo credit: Google...

Hello Guys

Learning is a graudal process and i just want to share what i have learnt so far in studying css.

In my journey to becomibg a front end web developer, i think html is just the easiest part of it, css is broad and needs continues practice.

CSS is oure magic, the things it does and everything makes it more interesting. I have studied box model, were padding, margin are required set tools.

Today, i came across these two properties that has given me joy.. css grid and flexbox.

These two are almost same thing, but also are totally different, a flex box is 2 dimensional property while a grid is 2 dimensional property.

To explain more:

A flexbox goes one direction, either horizontally or vertically, while grid does the both

Pictural explanation.

This concept gave me joy and excitement.. i was so very happy to know i can style a full wepage with css grid.

Note: Css grid works wity properties and values.. same as flexbox, but in grid properties must be applied before it can take effect. but in flex box, ones flex is specified, the elements changes position..

Just want to kay overview and i urge you to read more on this two.

Thanks for reading..

Cc
@davidad
@infovore