Is it possible to combine css grid with other display property's?

Question

css

I looked at the tutorials on placing elements in a css grid. There was a question: can I freely combine css grid with flex, block, inline-block, etc. For example, write a display block. and the child element display: inline. Would this be the best practice or would I be better off setting the child elements to display:grid as well and positioning them that way.

Answer 1

Layout involves a combination of elements and properties, the work of which will not lead to bugs. Any block element can contain block elements and inline elements. Lowercase for good only lowercase. At the style level, and at the html level, inline ones cannot contain block ones, this will lead to an error.
Grids and flexes are block-based.
Inline flexes are conditionally lowercase.