Сверстал сайт, на пк он нормально выглядит, а на телефоне плохо, кто знает как сделать сайт адаптивным?

Question

[Егор]

Сверстал сайт, на пк он нормально выглядит а на телефоне плохо, кто знает как сделать сайт адаптивным ?
Вот ссылка на сайт: https://mysite228445.000webhostapp.com

Comments

[FeST1VaL]

А гугл для чего?

[WapSter]

Нормально? Ошибки в консоли, полностью загрузился через минуту после открытия.

Answer 1

[Lord_Dantes]

1. Порекомендую вам хостинг zzz.com.ua, вам понравиться.
2. Погуглите media queries
3. У вас он и на пк так себе выглядит)))

p.s увидел макет прослезился, верстал такой же в начале своего пути)))

Comments

[Егор]

А в чём так себе, что мне исправить?

[Lord_Dantes]

Егор, ну по дизайну я не думаю что он так должен выглядеть, а исправить сделать гугл карту не картинкой а через код

[Егор]

slave, Зачем делать карту гугл если все равно там будут input'ы , дизайн сайта тут: psd-html-css.ru/templates/biznes-veb-shablon-psd

Answer 2

[Владимир]

Google mobile first. Ну и купи любой курс по адаптивной верстке

Answer 3

[Иван В]

Чтобы стилизовать отдельные элементы в зависимости от размеров экрана, используйте медиазапросы.

Answer 4

[Meakin]

(Ссылка не работает)
Гуглите курсы по адаптивной вёрстке