Having issue in learning CSS Grid and Flex box-CodePudding

I am having issues in learning CSS Grid and Flexbox I can not understand the layouts and understand tags. Is there a solution or a way to learn? Thanks

CodePudding user response：

Don't memorize codes, use what you will learn in practices, search about your questions. you can write a documentation for yourself, draw divs (for example to see whats the difference between "align" and "justify" values).

CodePudding user response：

play this game! it will help you a lot with learning flex. https://flexboxfroggy.com/

CodePudding user response：

Grid:

Grid Layout

The CSS Grid Layout Module offers a grid-based layout system, with rows and columns, making it easier to design web pages without having to use floats and positioning.

For more information try:

https://www.w3schools.com/css/css_grid.asp

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout

Flexbox:

CSS Flexbox Layout Module

The Flexible Box Layout Module, makes it easier to design flexible responsive layout structure without using float or positioning.

For more information try:

https://www.w3schools.com/css/css3_flexbox.asp

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox

Hope these help :)