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
Practical Use Cases
Viewport Width (vw): Great for making headers or other large text sizes responsive. For example:
h1 {
font-size: 5vw; /* Font size scales with viewport width */
}
Viewport Height (vh): Often used for full-page sections or hero images:
.hero {
height: 100vh; /* Fills the full viewport height */
background-image: url('hero.jpg');
background-size: cover;
}
Viewport Minimu...