Może ktoś już robił strony responsywne i niektóre rzeczy wie jak może zrobić prościej, może mniej kolumn w mobilej wersji, wywalić marginesy po bokach etc.
Na poniższe gridy w photoshopie chcę nanieść 3 mockupy (trochę zmienione) jednej strony:

Desktop - http://postimg.org/image/o3efyzibr/
Tablet - http://postimg.org/image/wn2fahg1z/
Mebile - http://postimg.org/image/9pd63n133/

Strona Gridinator.com umozliwa zamiane pixeli na procenty (%) (css export) więc w mockupie wszystkie elementy będą miały nadane procenty (%).