Input
Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>VH Units Example</title> <style> body { margin: 0; font-family: sans-serif; } .full-screen { height: 100vh; background-color: #00796b; color: white; display: flex; align-items: center; justify-content: center; font-size: 2rem; } .banner { height: 50vh; background-color: #ffb74d; color: #333; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; } </style> </head> <body> <div class="full-screen"> Full-Screen Section (100vh) </div> <div class="banner"> Banner Section (50vh) </div> </body> </html>