Bummer! This is just a preview. You need to be signed in with an account to view the entire instruction.
Well done!
You have completed (UPI) Chapter 9: Responsive Web Design!
You have completed (UPI) Chapter 9: Responsive Web Design!
Instruction
Scaling Font Sizes and Images
In addition to fluid layouts, relative font sizes and scalable images help make a design more responsive.
Relative Font Sizes:
Use em or rem units rather than fixed pixel sizes to allow text to scale based on screen size.
Example: font-size: 1.2em; adapts the font size based on the parent element.
Scalable Images:
Set images to a percentage-based width, like width: 100%;, so they sc...