Account
Categories
Shobha
Shobha
The best way to predict the future is to invent it

What are the differences between relative units like %, vw, and vh?

In CSS, %, vw, and vh define sizes relative to different references. The % unit calculates size as a proportion of the parent element's dimensions. The vw unit measures 1% of the viewport's width, while vh measures 1% of the viewport's height. These units help in designing layouts that adjust fluidly to the screen's dimensions, ensuring responsiveness.
RELATED INTERVIEW QUESTIONS
How can you make a page layout responsive using HTML and media queries?
How do you use CSS to animate an element from one position to another?
How can you create accessible form controls using HTML5? Provide an example.
What is the use of timeit module in Python?
What is the difference between em, rem, and px units?
How do you apply Shannon entropy in data analytics for feature selection?
How do you perform feature scaling, and what are its benefits in machine learning?
How can you control the speed of an animation using animation-timing-function?
How can you center a grid item both vertically and horizontally using CSS Grid?
What is Python’s mock module used for?
What is the function of the target=_blank in anchor tags, and when should you use it?
How do you create a grid layout where the columns and rows resize based on the content inside them?
What is the difference between transitions and animations?
What is CSS Grid grid-template-areas, and how is it used?
How do you use the contain property in CSS?