Первая вёрстка(+адаптивная)

[ITMOfan]

Здравствуйте! Первая проба вёрстки сайтй с уклоном на адаптивность. В принципе сайт простой, но был бы рад услышать какие-то замечания/советы.

ссылка - http://gusto.esy.es

архив с шаблоном и файлами(кому нужно может-быть) - https://drive.google.com/open?id=0B-54vYt77yG5cy1PcXk2X3VxbGM

 

[Spotlight]

Можно не ставить блокам large_block,small_block и т.д ширину в 100% так как они и так будут растягиваться на всю ширину + не надо ставить им min-height. Изображение в left_block и right_block надо добавлять через тег img а не через фон в css + лучше кнопку DETAILS сделать просто тегом a, то есть не давать ей обертку button.

[alejandro13]

А в чем уклон на адаптивность? При уменьшении окна контент срезается.

Проверьте валидность кода.

Неплохо бы использовать shorthand.

[ITMOfan]

Можно не ставить блокам large_block,small_block и т.д ширину в 100% так как они и так будут растягиваться на всю ширину + не надо ставить им min-height. Изображение в left_block и right_block надо добавлять через тег img а не через фон в css + лучше кнопку DETAILS сделать просто тегом a, то есть не давать ей обертку button.

Спасибо, действительно, все логично. Изображения добавил т.к позицию их надо было менять или можно как-то иначе? А что не так с оберткой button?

А в чем уклон на адаптивность? При уменьшении окна контент срезается.

Проверьте валидность кода.

Неплохо бы использовать shorthand.

1. Ну он в принципе корректно отображается на всех проверенных устройствах.
2. html и css через валидатор прогонял
3. Да, согласен, косяк.

[Spotlight]

 

Можно не ставить блокам large_block,small_block и т.д ширину в 100% так как они и так будут растягиваться на всю ширину + не надо ставить им min-height. Изображение в left_block и right_block надо добавлять через тег img а не через фон в css + лучше кнопку DETAILS сделать просто тегом a, то есть не давать ей обертку button.

Спасибо, действительно, все логично. Изображения добавил т.к позицию их надо было менять или можно как-то иначе? А что не так с оберткой button?

А в чем уклон на адаптивность? При уменьшении окна контент срезается.

Проверьте валидность кода.

Неплохо бы использовать shorthand.

1. Ну он в принципе корректно отображается на всех проверенных устройствах.
2. html и css через валидатор прогонял
3. Да, согласен, косяк.

 

Можно изображение сразу было вырезать в фотошопе так как должно быть, чтобы потом не подстраивать через bg-position. По поводу button как по мне это лишний html код, можно было просто задать ссылкам этим один класс, и применить к ним стили, так как они идентичны.

[alejandro13]

 

Можно не ставить блокам large_block,small_block и т.д ширину в 100% так как они и так будут растягиваться на всю ширину + не надо ставить им min-height. Изображение в left_block и right_block надо добавлять через тег img а не через фон в css + лучше кнопку DETAILS сделать просто тегом a, то есть не давать ей обертку button.

Спасибо, действительно, все логично. Изображения добавил т.к позицию их надо было менять или можно как-то иначе? А что не так с оберткой button?

А в чем уклон на адаптивность? При уменьшении окна контент срезается.

Проверьте валидность кода.

Неплохо бы использовать shorthand.

1. Ну он в принципе корректно отображается на всех проверенных устройствах.
2. html и css через валидатор прогонял
3. Да, согласен, косяк.

 

То есть вас не смущает наличие девяти ошибок в html?

Насчет корректности отображения - если жестко пофиксить все блоки, то они конечно не разваливаются, но не в этом же суть адаптивности.