'Why am I getting a Chrome error when applying <meta> for responsiveness?

I am watching this video and I see they wanted me to use

<meta name="viewport" content="width=display-width, initial-scale=1">

for more of a responsive website, keep in mind I am in the early stages of learning, even if there is a better way I am trying to learn step by step, but then in chrome when I check my code out and responsiveness I get,

The value "display-width" for key "width" is invalid, and has been ignored.

Do I need to end the meta with </meta> at the end of it at the bottom as well or do I ignore the error?



Solution 1:[1]

Try the following <meta> viewport

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Álvaro González