Моя первая верстка

[CroaToa]

Собственно вот. http://croatoa.bl.ee. 

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

[CroaToa]

Смотрю сейчас с телефона.. Так красиво дизайн рушится

[Aleksandr.L]

Вы подключили reset.css, зачем для body обнулять margin и padding?

 

Edited February 4, 2014 by Aleksandr.L

[CroaToa]

Вы подключили reset.css, зачем для body обнулять margin и padding?

 

Если честно, я не знал для чего этот файл, так как в видеоуроке который я смотрел, говорилось что так нужно просто) Теперь, после Вашего ответа погуглил, посмотрел содержимое и понял для чего он. Спасибо. Edited February 4, 2014 by CroaToa

[vera17]

Вставлю свои пять копеек, тоже учусь.

Цитату зря в h1, h1 обычно заголовок сайта. Можно было ей ширину прописать, тогда все перенеслось как надо, а для переносов <br> используют.

Бэкграунд вставляется тоненькой полосочкой в 1px и репитится по х, или же повторяющимся квадратом по х и у, в зависимости от фона. Градиенты можно делать кодом.

В mainContent надо было делать две колонки: левую и правую, тогда не было бы таких больших паддингов, у правой колонки полосочку потеряли.

Для текста с картинкой и текста с кнопкой нужно общую обёртку, они же взаимосвязаны.

Картинку в виде ростка можно было абсолютно позиционировать.

[advokatua]

Смотрю сейчас с телефона.. Так красиво дизайн рушится

Даже интересно стало. А в каком месте, если не секрет? Макет вроде как фиксированный, потому не пойму где он должен рушится.

[CroaToa]

Вставлю свои пять копеек, тоже учусь.

Цитату зря в h1, h1 обычно заголовок сайта. Можно было ей ширину прописать, тогда все перенеслось как надо, а для переносов <br> используют.

Бэкграунд вставляется тоненькой полосочкой в 1px и репитится по х, или же повторяющимся квадратом по х и у, в зависимости от фона. Градиенты можно делать кодом.

В mainContent надо было делать две колонки: левую и правую, тогда не было бы таких больших паддингов, у правой колонки полосочку потеряли.

Для текста с картинкой и текста с кнопкой нужно общую обёртку, они же взаимосвязаны.

Картинку в виде ростка можно было абсолютно позиционировать.

Это не 5 копеек, это же целый рубль Подожду как на все ошибки укажут, и переделаю спасибо.

Смотрю сейчас с телефона.. Так красиво дизайн рушится

Даже интересно стало. А в каком месте, если не секрет? Макет вроде как фиксированный, потому не пойму где он должен рушится.

В опере мини, и мобайл, второй и третий параграф уходят под футер, текст футера идет наверх, справа зеленая кнопка идет на лево к центру

[ryter]

вроде не ломается при маленьком разрешении) и ничего под футер не уходит

Edited February 4, 2014 by ryter