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

Ответ от Yulia Amake[гуру]
Можно пойти несколькими путями: прогрессивное улучшение или постепенное ухудшение/упрощение. Я советую прогрессивное улучшение: сначала верстаете под мобильные устройства (mobile first), т. к. сказать создаете основу сайта, когда все элементы идут в потоке один за одним в правильном порядке (т. е. если вы хотите, чтобы на маленьких разрешениях сначала шла картинка, а затем текст, то так и располагаете еще на этапе разметки), стилизуете все это дело, и затем, с помощью media queries, расширяете оформление для экранов побольше, и только потом для десктопов. Таких @media может быть всего несколько, а может быть очень-очень много, все зависит от сложности макета.

Ответ от Mackay[гуру]
можешь сам писать медиа запросы, а можно использовать bootstrap or materialize

Ответ от Lord[гуру]
Адаптивная верстка не всегда нужна. Она может быть в некоторых случаях не оправдана. Если ваши основные посетители будут со стационаров, тогда адаптивная верстка на втором плане. Если основной трафик - это мобильные устройства, то надо изначально разрабатывать сайт под наименьшие устройства, как об этом уже говорили выше.
При адаптивной верстке головную боль создадут браузеры IE и safari. Это не так просто. То что сегодня все пытаются сделать адаптивный сайт - это жалкая пародия. Чтобы делать такие сайты необходим большой опыт в создании сайтов вообще.

Ответ от Данил[новичек]
Изучай фреймворк Bootstrap 3. вот очень хороший гайд по созданию адаптивной странички

Ответ от 3 ответа[гуру]