Пример верстки HTML5+CSS3

littlestrow · 27.02.2015

Пример верстки HTML5+CSS3

Оцените верстку:

Тільки зареєстровані користувачі бачать весь контент у цьому розділі

Сверстано блоками. Страница адаптируется к разрешению экрана.
Чтобы посмотреть, как это происходит, зажмите клавишу Ctrl и покрутите колесико мышки в обе стороны. Вы увидите поведение страницы для разных разрешений.

Lenka-S · 27.02.2015

littlestrow сказав(ла):
Страница адаптируется к разрешению экрана.

не адаптируется

littlestrow · 27.02.2015

Lenka-S сказав(ла):
не адаптируется

Че происходит?

Горизонтальный скроллинг появляется?

Lenka-S · 27.02.2015

littlestrow сказав(ла):
Че происходит?

Горизонтальный скроллинг появляется?

да, причем только на левую верхнюю картинку
это на хроме

littlestrow · 27.02.2015

Скрин в студию!!!!

Вот как выглядит сайт на разных разрешениях экрана:

3em · 27.03.2015

и что там HTML5 кроме доктайпа?

NeFRiC · 12.04.2015

Если первый сверстанный шаблон то норм.

littlestrow · 19.04.2015

NeFRiC сказав(ла):
Если первый сверстанный шаблон то норм.

А если второй?

3em сказав(ла):
и что там HTML5 кроме доктайпа?

Ну как, пятерка основана на XML стандарте, там все теги закрыты. Четвертый был еще на SGML основан, там можно было не закрывать (согласно спецификации). )))

Вот еще пример, уже второй страницы.
Тут есть медиазапросы. Можно покрутить колесико мышки туда-сюда и посмотреть, как страничка будет реагировать на изменение размера окна.

Тільки зареєстровані користувачі бачать весь контент у цьому розділі

Горизонтальный скроллинг появляется после 450, дальше уже надоело адаптировать.

crosss · 08.05.2015

в первом варианте лого налазит на меню при минимальном размере рушится верстка меню и лого