Give it a content attribute, and set it to width=device-width, initial-scale=1.0.
You already know how to do 1., it’s the same as with your charsetmeta element.
To do 2. and 3., you need to follow a similar process to when you wrote your charsetmeta element. You need to give it two attributes, and give each a specified value.
An example of an element with more than one attribute:
<header class="header" name="header">
</header>
It’s the same as:
<header name="header" class="header">
</header>
Because when you have more than one attribute set to an element, the order in which you write them does not matter.
This meta element is nested inside your head element, because its beginning and end are inside the head element.
Also remember that:
charset is an attribute that you’re giving to your meta element, and you’re setting it to utf-8. The correct syntax for an element with an attribute is:
<element attribute="value"></element>.
An element with more than one attribute would then be: