The automatic text is not transferred?

Hello. Have the following code - https://jsfiddle.net/stybLj5c/

The fact is that when you check the optimize for mobile devices, google gives the following 2 errors: 5c9dc74a56f1a263265870.png

And really, when you reduce the screen text is not automatically transferred. Help please, how to fix it.
March 19th 20 at 09:07
2 answers
March 19th 20 at 09:09
Solution
you have a fixed width of 1000px
.content
{
 margin: 100px auto;
 width: 1000px;
}


also in the head add:
<meta name="viewport" content="width=device-width, initial-scale=1">
March 19th 20 at 09:11
Solution
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
@corene_Collier86 And viewport-fit=cover why? - gisselle65 commented on March 19th 20 at 09:14
@gisselle65, https://css-live.ru/articles/ponimanie-vyuporta-we... - corene_Collier86 commented on March 19th 20 at 09:17
@corene_Collier86, Thank you. - gisselle65 commented on March 19th 20 at 09:20

Find more questions by tags HTMLJavaScriptCSS