Need help with meta tags!

Hi I’m a little unsure with these meta tags. If anyone can help me with this project. I am being told to add meta tags.

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html>
<head>
  <title>Piano</title>
<meta name="viewport" charset="content" content="width=device-width" initial-scale="1.0"></meta>
<meta name="viewport" charset="content" content="width=device-width" initial-scale="1.0"></meta>


</head>
<body></body>
</html>
/* file: styles.css */

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Challenge: Step 2

Link to the challenge:

You add two meta viewport elements, you need to add two meta tags, 1-viewport 1-charset, and the meta tags are a Self-closing, you don’t need to use </meta>

To learn more about Html Meta tags: Meta Tags