Q1. Explain Flexbox vs Grid and when to use each.
- Flexbox is one-dimensional: it distributes space along a single main axis (row or column). Best for toolbars, navigation, card content, alignment, and components whose ...
Technical Question Bank · Peer-Reviewed
Job Interview Questions and Answers Directory
Search and filter frequently asked interview questions across technical, programming, and behavioral domains. Tailor your interview preparation by difficulty for freshers or experienced developers (6 available).
Active:
Tag: grid ×
Q2. What is CSS grid?
**CSS Grid Layout** is a powerful two-dimensional layout system designed for simultaneously controlling both rows and columns: ```css .dashboard-grid { display: grid; gri...
Q3. How do you use the grid-template-columns and grid-template-rows properties to define the size and number of columns and rows in a grid?
You can use the grid-template-columns and grid-template-rows properties to define the size and number of columns and rows in a grid. For example, you might define a grid ...
Q4. How do you specify the number of columns in a grid using CSS?
You can specify the number of columns in a grid by using the `grid-template-columns` property. For example, `grid-template-columns: repeat(3, 1fr)` will create a grid wit...
Q5. How do you align items within a grid using CSS?
You can align items within a grid using the `justify-items` and `align-items` properties. justify-items aligns items horizontally within a grid, while `align-items` align...
Q6. What is the difference between grid-row and grid-column in CSS Grid?
`grid-row` is used to position an item within a row, while `grid-column` is used to position an item within a column. Both properties can take a value of either a number ...