Add another self-closing meta element within the head. Give it a name attribute set to viewport and a content attribute set to width=device-width, initial-scale=1.0 so your page looks the same on all devices.
Your code so far
<!DOCTYPE html>
<html lang="en">
<!-- User Editable Region -->
<head>
<meta name="viewport" content width="device-width, initial-scale=1.0">
<meta charset="utf-8">
<title>Colored Markers</title>
</head>
<!-- User Editable Region -->
<body>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/109.0
Challenge: Learn CSS Colors by Building a Set of Colored Markers - Step 5
Link to the challenge: