Problème différente résolutions écrans

Bonjour,

Je viens vers vous car j'ai un énorme problème.

Je suis actuellement en train de faire le design d'un site en CSS.
Je rencontre un problème selon les résolutions d'écrans. Je possède 3 écrans qui ont chacun une résolution différente . Actuellement je crée le design pour un écran 1080p mais lorsque je passe à un écran d'une résolution de 1280x1024 tout mes menus (images articles titre...) se retrouve décalés totalement.

Je voulais donc savoir quelles sont les solutions pour pallier à ce problème . Est ce que je dois utiliser des mediaQ et faire un design pour chaque résolution ou une technique différente existe elle ?

J'ai essayé d'utiliser les px et % et aucuns des deux ne fonctionnent.

Je vous remercie par avance