я думал, что можно сделать так, чтобы подошло вообще любому размеру экрана
конечно, можно.
см. viewport units
vw, vh — привязка размеров к ширине и высоте окна (вьюпорта). https://medium.com/@stasonmars/viewport-%D0%B5%D0%...
но для начинающего пока, наверное, рановато.
сверстайте для начала простую десктопную версию .
vladimirir, насколько маленькие десктопные экраны вы хотите поддерживать?
меньше 1280 сейчас встречается достаточно редко, но если надо, то, например <meta name="viewport" content="width=1024">
и, конечно, сверстать надо так, чтобы помещалось в эти 1024px.
Но лучше, разумеется, верстать адаптивно.
как должно быть, я не знаю, т.к. не вижу задачу целиком. не факт, что и container здесь необходим.
я хочу сказать, что дополнительные обертки над элементами желательно делать тогда, когда они действительно необходимы.
вот, к примеру, на этом сайте: rightgames.ru/games/evolyuciya
игры, дополнения, аксессуары — отдельные типы контента.
с помощью entity reference, на странице игры выводятся блоки с автором игры (а на странице автора — его игры) и дополнениями к этой игре.
nickolay1967, сейчас поэкспериментировал — все-таки не очень работает.
convert to smart object эффективнее, но все равно результат может быть непредсказуемым.
но не уверен, можно ли одновременно использовать 2 типа пагинации.