Александр Маджугин

Мне вот эта статья помогла разобраться с flex'ами: frontender.info/a-guide-to-flexbox

Нарисовать.
В чем конкретно проблема?

Не буду оригинален - нет проблемы.

inline-block div'ы. Ну или float.

А посмотреть как там сделано?
Это lightbox если чо.

Какие-то проблемы с падингами и маржинами не хорошие. Такого быть не должно, я считаю. А то, что шрифты разные - это фигня. Хотя есть заказчики которые любят придраться.
Однако если начинается пиксельперфекшин я стараюсь отказываться от такого заказчика или прошу его искать отдельно верстальщика (обычно я делаю только серверную часть, но часто просят и верстку).
Сам верстку проверяю под FF последний, Хром (на самом деле под Opera 27) и ВНЕЗАПНО Opera 12.6. При этом сразу предупреждаю заказчика, когда просят верстку, что под ie проверять и править не буду. Ни под какой (у меня его тупо нет). Как ни странно многие соглашаются.

Свойство height так не работает. И это правильно.
Опишите задачу.

Сверстать можно. Я бы справился. Однако я бы не стал брать у себя адаптивную верстку 14 страниц с которой я справился за 4 дня.

В смысле? Как сделать подобное программными средствами? Или в каком-нибудь InkScape/Illustrator/CorelDraw?
По последним полно уроков в сети.
Програмно нагенерить можно и на стороне сервера, и чистым js и на каком-нибудь Raphael

Правильно - не изменять. За исключением редких специальных случаев, изображение должно отдаваться сервером в нужном размере.

Ну а как вы обычно делаете подсветку при наведении? Через :hover разумеется. Например у меня так:

path {
    fill:#3e3e3e;
    stroke:#3e3e3e;
    fill-opacity:0;
    stroke-opacity:0.6;
	stroke-width: 3;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    z-index: 8;
}
path:hover {
    fill-opacity:0.1;
	stroke-opacity:1;
	stroke-width: 4;
}

Ну в вашем случае селекторам надо будет добавить классы...