@MrRyt247
Posted
To achieve responsiveness, you must:
- get familiar with flex & grid
- media queries
- learn to use other units (i.e. vw, %, vh, dvh, dvw, rem, etc.)
Flex and Grid can easily adjust when the window is resized. With the use of min-width / min-height and min() function, you can adjust the size the item can expand to or shrink to. Media queries enables you to redesign the page for different sets of screen sizes and even orientation (very useful for mobile devices). You can create the perfect webpage for each phone. 'px', 'in', 'ch', 'mm', 'cm', etc. is fixed. The properties defined for an element with such units never change for different screen sizes. But for units like '%', 'vw', 'dvh', they adjust when the window is resized which is great for responsiveness.
Marked as helpful
@sumaira10041
Posted
@MrRyt247 Thanks ....I will try to improve it