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.
i cant see what i am doing wrong. i have tried everything
<!DOCTYPE html>
<html lang="en">
<!-- User Editable Region -->
<head>
<meta charset="utf-8">
<meta name="veiwport" content="width=device-width, initial-scale=1.0">
<title>Colored Markers</title>
</head>
<!-- User Editable Region -->
<body>
</body>
</html>
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36
Challenge: Learn CSS Colors by Building a Set of Colored Markers - Step 5
Link to the challenge: