Как правильно такое верстать?
Рассчитывай размер, исходя из макета. А с помощью CSS это можно реализовать на calc() расчетах (чтобы совпадало с макетом). Ну а если ты знаешь размер в процентах исходя из макета, или можешь легко его посчитать, то просто верстай от левого края (лучше бы ограничить, ибо странно будет выглядеть на широкоформатке), в процентах.
Используя css calc могут возникнуть проблемы на некоторых девайсах из-за ширины скролл бара, я для подобного использовал js snippet