Q31. What is the difference between linear and radial gradient in CSS?
A linear gradient creates a smooth transition between two or more colors in a straight line while the radial gradient creates a smooth transition between two or more colo...
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 (106 available).
Active:
Tag: css ×
Q32. What is flexbox?
Flexbox is a CSS3 layout module which provides more flexible and efficient way to align arrange and align the elements within the container. It is widely supported by the...
Q33. What is the difference between flex-grow and flex-shrink properties in Flexbox?
`flex-grow` is a property in Flexbox that specifies how much a flex item should grow relative to the other items in the container, while `flex-shrink` specifies how much ...
Q34. What is the difference between flex-wrap: nowrap and overflow: hidden in CSS?
`flex-wrap: nowrap` prevents flex items from wrapping to the next line when they overflow the container, while `overflow: hidden` hides any content that overflows the con...
Q35. What is the `gap` property in Flexbox, and how is it used to add spacing between flex items?
The `gap` property in Flexbox sets the spacing between flex items, both horizontally and vertically. It is a shorthand for `row-gap` and `column-gap`.
Q36. How do you center an element using flexbox?
To center an element using flexbox, we need to set the parent container's display property to `flex` and use the `justify-content` & `align-items` properties with the val...
Q37. 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...
Q38. 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 ...
Q39. 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...
Q40. 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...