Будьте любезны, оцените первую верстку.

Во-первых, хотелось бы сказать огромное спасибище всем, кто принимал участие в создание этих потрясающих курсов!

Во-вторых, извиняюсь перед всеми, кому моя тема покажется “никому не нужной” или бесполезной (тему же можно и удалить). Но верстка (и сопутствующее) завлекает чрезвычайно и я хочу, чтобы в дальнейшем качество результата увеличивалось, а ошибки или бока были близки к нулю.

И в-третьих, кто будет столь любезен, оцените и укажите на ошибки в верстке (по предложенному картой-обучения академии макету; не заморачивался только над шрифтом, адаптивность минимальная, ИЕ, кажется, не видит тэгов \5/-ки).

И да, подскажите хороший материал по адаптивности и кроссбраузерности. Вникать ли в БЭМ и что кроме верстки более серьезных макетов делать далее, спасибо.
http://jack-first-try.zz.mu/index/index.html

  1. Первая ошибка - при сжимании экрана верстка ломается, нужно ограничить минимальную ширину по макету http://monosnap.com/image/Waky6JNcst7mcIxXzAIvBy53boruRQ
  2. http://monosnap.com/image/zJ3UQl44vxDFYfcLji7nsRcOby7Fmg - таблица? при чем тут таблица? блочный элемент
  3. http://take.ms/o6psU - логотип должен быть картинкой, а не вставлен в блок задним фоном
  4. http://take.ms/GnBgt - вот эти элементы не участвуют в разметке и вставляются псевдоэлементами
  5. http://take.ms/YxTl6 - глобавльный перебор элементов, все декоративные объекты должны быть псевдоэлементами, никаких br быть не должно, спаны тоже не выбор, лучше просто дивы
  6. http://take.ms/LUJNE - селекторы не должны быть больше 2 по вложенности, а тут такой лес
  7. Названия классов типа старт и финиш не подходят)
  8. http://take.ms/wZ53Z - спан лишний, во втором случае i тоже не нужен
  9. http://take.ms/BSNYq - опять таблицы какие то
  10. Вообще никаких таблиц тут не должно быть
  11. Во многих местах очень глубокая вложенность и из за этого селекторы страшные. Лучше добавить для элементов классы и стилизовать по ним.

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

2 лайка

Спасибо большое, сделаю работу над ошибками и еще попрактикуюсь.

И по вопросу таблиц, делал по методу “Святой Грааль”

и накосячил?

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

1 лайк