posso solo dirti che con le mediaquery riesci ad adattare a qualsiasi risoluzione qualsiasi cosa.
le media query non sono altro che regole specifiche scritte sui file css da adottare alle dimensioni dello schermo, ad esempio questa è una mediaquery
@media (max-width: 767px) {
body {
padding-left: 0;
padding-right: 0;
}
}
questa regola dice semplicemente che quando lo schermo è grande fino a 767 px, si devono dare dei padding left e right al body pari a zero.
Anche questa è un mediaquery:
@media (min-width: 601px) and (max-width: 768px) {
body{
background-color:#cccccc;
}
}
la regola dice che quando ci saranno schermi da 601px a 768px, il background del body sarà grigio.
Adesso non rimane che metterti a lavoro.
in questo link un interessante articolo sulla questione
http://www.icagenda.it/media-query-cosa-sono-e-come-si-utilizzano.html