HTML and CSS Certification 2025 – 400 Free Practice Questions to Pass the Exam

The property that controls the layout of a grid container is grid-template-columns. This CSS property defines the column structure of the grid layout by specifying the sizes of the columns within the grid. By using grid-template-columns, you can create a flexible and responsive design by defining how many columns the grid should have and how wide each column should be. This is crucial for organizing the grid items and can be configured using various units such as percentages, pixels, or fractions (fr).

In addition to defining column sizes, grid-template-columns allows for comprehensive customization by enabling developers to set fixed values, responsive behavior, and even repeat patterns. This makes it an essential tool for creating complex layouts and ensuring they adapt well across different screen sizes. The other choices, while related to grid layouts, do not specifically control the overall layout of the grid container in the way that grid-template-columns does.