Cycle 02

Lab Cycle 2 — CSS Styling

5 Questions
Question 05 of 05

Responsive Design with Media Queries

Problem Statement

Create a page that changes layout based on screen size using media queries.

C++ 
<!DOCTYPE html>
<html>
<head>
<style>
    body { font-size: 18px; }
    @media (max-width: 600px) {
        body { font-size: 14px; }
    }
</style>
</head>
<body>
    <p>Resize the browser to see the responsive effect.</p>
</body>
</html>
Question 5 of 5