Дайте совет новечку, сайт криво отображается на мобильных устройствах! - Вопросы по CSS

Помогите пожалуйста, как сделать так, чтоб сайт отображался на мобильных устройствах ровно

Это называется:
создание мобильной версии шаблона
или
создание адаптивной версии шаблона
или
переверстка под мобильные устройства.

Как бы это не называлось, есть два пути:
А) вставить в секцию head тег, который будет сжимать ширину сайта под любое разрешение экрана
Б) детальная доработка шаблона - какие элементы-блоки и где показывать в зависимости от типа мобильного устройства

пункт А) - считаю полным фуфлом, т.к. размер шрифта пропорционально уменьшится и смысл смотреть сайт с не читаемым текстом стремится к нулю
пункт Б) идти в комм раздел

спасибо большое за начальные инструкции ) но если честно второй вариант который вы посоветовали для меня тёмный лес пока... что нужно поменять в файле CSS ? извините за мою глупость

но если честно второй вариант который вы посоветовали для меня тёмный лес пока...

да я и сам там брожу с фонарем в руках)))

в секцию head вставить
<meta name="viewport" content="width=device-width, initial-scale=1">

ну и ширину для сайта ограничить max-width: 1000px или 1024px, надо на айпадсмотреть, а то у некоторых бывают тени всякие и тд... )) чтоб все влезло...

если не получится, то я не виноват!!))) я такой метод не использую в принципе и даже ни разу не пробовал))) см. п. Б)