Как исправить верстку так, чтобы она соответствовала тому размеру, который в фотошопе?

Question

[safbek]

Привет всем! У меня неполадочка. может кто сталкивался. Есть макет в 1600пх в фотошопе. Маргины и паддинги в соответствии с этой шириной. У меня ноутбук в 1200-1300пх. у меня не соответствует сверстанное с тем, что в фотошопе. Вижу визуально. т.е у меня ширина блоков выглядит меньше, чем на макете. Что я делаю не так...Как исправить? переводил в проценты по книге/методу итана маркотта.

Вот ссылка на кодепен:
codepen.io/safbek/pen/XKLKVo

а вот фото макета



Как бы привести верстку в соответствие с размером макета?

Answer 1

[GeekFromUa]

Так Вам надо в процентах или по макету? Понятное дело будет выглядеть по другому! Попробуйте использовать css framework например bootstrap там все идет по колонках и мультиплатформенно! И в основном - главный блок что по центру делают статической ширины!
Если уже надо точно по пикселях то использовал разширения для хрома PerfectPixel

Comments

[safbek]

адаптивный дизайн на флексбоксе максимально приближенный к макету...Разве он не должен полностью соответствовать макету? просто я новичок и не разбираюсь в нюансах.. Мне кажется, слишком большая разница...или это только кажется. А насчет бутстрапа...спасибо, но я для начала учусь чистому css...