Grid Interview Questions | CSS | NextRound

1How can you position items using grid line numbers?Intermediate

2When should you use Grid vs Flexbox? Can you combine Grid and Flexbox in the same layout?Intermediate

3What is the purpose of the grid-column and grid-row properties?Intermediate

4What does the repeat() function do in Grid?Intermediate

5How do you create equal-width columns using Grid?Intermediate

6What does the grid-template-columns property do?Intermediate

7What is the difference between align-content in Grid and in Flexbox?Intermediate

8What’s the difference between justify-content and align-content in Grid?Intermediate

9What are grid rows and grid columns and how do you define them?Intermediate

10How is Grid different from Flexbox?Intermediate

11What does grid-template-areas do?Intermediate

12What are grid tracks, grid lines, and grid cells?Intermediate

13What does the grid-template-rows property do?Intermediate

14What is the difference between display: grid and display: inline-grid?Intermediate

15How do you create a grid container in CSS?Intermediate

16What is CSS Grid, and why is it used?Intermediate

17How is Grid different from using floats or positioning? How does Grid handle overlapping elements?Intermediate

18How can you reorder elements visually using Grid without changing HTML structure?Intermediate

19How do you span an item across multiple columns or rows?Beginner

20What is the use of fr units in Grid?Beginner

21What is the purpose of the gap (or grid-gap) property?Beginner