Четвърта и пета задача са ми на едно място. Не е най-добрия респонсив дизайн, но поне при различни екрани всичко се чете добре :) Мисля си, че трябва да може и по-умно да се направи, а не със толкова media-query-та, някой ако има идеи да казва.
Привет,
Цялото нещо с 2 break point-а - Pretty Reponsive Website
Един съвет:
Не правете media queries за всичките там device-и, те за безброй, не можем да направим . Идеята е да си направите Layout-a fluid and scalable , започнете да го resize-вате в browser-a и там където се чупи там слагайте break point. Правете breakpoints не за устройствата, а за съдържанието на сайтa (bootstrap е друга бира, говоря за custom code). Оптимизирайте за мобилни устройсва не само ширината на сайта, но и разстоянията, глемината на текстовете, image-ите.
Аз го направих изцяло с "em"'s и супер лесно се скалира целия дизайн пропорционално само с увеличаване на body фонта.
(Навигацията може да е по-добре, но за сега до там :))
Поздрави!
СК