Как сделать чтобы страница на телефонебыоа по всей ширине экрана, а на компьютере по центру не особо широкое как на скрине

в шапку вставьте вот это
<meta name="viewport" content="width=device-width, initial-scale=1">
это для телефона

а для пк в css в body пропишите
max-width: 400px (или любую другую ширину);
________
посл. ред. 06.02.2018 в 00:30; всего 1 раз(а); by SENSEI

SENSEI , понял. Спасибо. Как сделать отдельно для телефона и для ПК разные стили? Если сделаю что-то с этого, то на компьютере растянется на весь экран.

писать html разметку, css под пк, и под телефон

Читай про media screen CSS