Problem: Grid Align-Items Stretch
Problem description
A .grid-container includes two child div elements. You need to configure grid properties so that each column stretches to match the height of the tallest content.
Goal
Ensure that each grid cell in the two columns expands to match the height of its row.
Constraints
Only CSS may be modified; no changes to HTML or JavaScript are allowed.
Sample visual output
Here’s what the output would look like:
Good luck trying the problem! If you’re unsure how to proceed, check the Solution.
Problem: Grid Align-Items Stretch
Problem description
A .grid-container includes two child div elements. You need to configure grid properties so that each column stretches to match the height of the tallest content.
Goal
Ensure that each grid cell in the two columns expands to match the height of its row.
Constraints
Only CSS may be modified; no changes to HTML or JavaScript are allowed.
Sample visual output
Here’s what the output would look like:
Good luck trying the problem! If you’re unsure how to proceed, check the Solution.