4дз

[emptyb]

body- убираем width: 1280px; margin: 0 auto;. зачем оно там? wrapper- убираем height: 991px; header- оставь только белую чать. и дай класс хедеру .logo- убираем height , line-height: 1.5; - нету px... тегу а убираем инлайн блок. wrapper-header выровняй по высоте, чтобы совпадало с белой полосой фона body(как на макете) countries- пропиши просто a href="#" (убери ссылку ту). убирай (br). сделай при ховере чтобы у текста уходило подчеркивание. photo- задай фон эту картинку и задай bacground-size:cover; fon- ширину тут лучше указывать в пикселях. на саите курсов есть ссылка как сделать нижние три блока одинаковой высоты. background-image-- можно в фотошопе просто пипеткой поссмотреть код этого цвета и прописать #....;

[Gremov]

вместо google-head увеличил верхний отступ в свойстве css селектора класс .wrapper-header также добавил бордеры ниж/верх box1/box2 цвет поставил единый

[emptyb]

wrapper-header добавь clearfix и убери у header. родителю зафлоаченых эл-тов надо ставить этот класс. и название класса не корректно. wrapper- это обертка, а этот класс у тебя внутри хедера. .contacts- width:auto не нужен сдесь. ширина выставляется и так за счет обьема внутренних эл-тов с их отступами .countries a { font-size: 10px; line-height: 10px; -- лучше указывать больше чем шрифт. хотябы 12пх для меню добавь ховер(измени оттенок ). чтобы было видно на какой пункт наведена мышь.

[emptyb]

для контактов и стран в хедере справо слишком большой отступ. отличается от макета. в контенте заголовки Информация и Новости залазят на блок меню. photo- убери верхний маргин и добавь этот отступ в блок с классом header