Which CSS3 layout module introduces a two-dimensional grid-based system for composing layouts?

Which CSS3 layout module introduces a two-dimensional grid-based system for composing layouts?

• A. Inline Grid
• B. CSS Grid
• C. Flexbox
• D. Table Grid

Answer: (B)

A two-dimensional grid-based layout system is provided by the CSS Grid layout module. This approach introduces a grid container and grid items, letting you define columns and rows and place items precisely where you want them across both axes. With features like grid-template-columns, grid-template-rows, grid-gap, and grid-area, you can design complex page structures that align elements in a clean, predictable grid. This capability is what sets CSS Grid apart from other layout models, because it handles both dimensions (rows and columns) simultaneously. Flexbox, by contrast, focuses on one-dimensional layouts—either in a row or a column—while CSS Grid is built for multi-dimensional layouts, making it the best choice for grid-based page compositions. Inline Grid is not a separate concept here, and Table Grid isn’t the standard term used for CSS layout modules. The CSS Grid module is the correct one for introducing a two-dimensional grid system.

A two-dimensional grid-based layout system is provided by the CSS Grid layout module. This approach introduces a grid container and grid items, letting you define columns and rows and place items precisely where you want them across both axes. With features like grid-template-columns, grid-template-rows, grid-gap, and grid-area, you can design complex page structures that align elements in a clean, predictable grid. This capability is what sets CSS Grid apart from other layout models, because it handles both dimensions (rows and columns) simultaneously.

Flexbox, by contrast, focuses on one-dimensional layouts—either in a row or a column—while CSS Grid is built for multi-dimensional layouts, making it the best choice for grid-based page compositions. Inline Grid is not a separate concept here, and Table Grid isn’t the standard term used for CSS layout modules. The CSS Grid module is the correct one for introducing a two-dimensional grid system.