Без примеров Вашего кода сложно что-то конкретное советовать =)
лично мне существенно помогло разобраться в вёрстке понимание специфики работы:
1)
box-sizing:border-box
- свойство, без знания которого, у меня постоянно появлялись полосы прокрутки там, где я их не ожидал;
2)
display:flex
и механизм flexbox - существенно упрощанет верстку списков (как минимум) и вообще любо контента, состоящего из элементов, которые надо выводить на экранах различных размеров.
3)
@media (max-width: 300px) {...} @media (max-width: 600px) {...} ...
- если уж совсем всё плохо, создавайте блоки дизайна нескольких размеров, в зависимости от ширины экрана пользователя, а весь контент выравнивайте по центру.