В каких использовать position: relative и position: absolute?
правильно на margin, padding.
Абсолютное позиционирование требуется для того, чтобы некоторые элементы фиксированно "прибить", например какие-нибудь надписи на картинках или стрелки на слайдере.
Маргини и паддинги следует применять из-за того, что они более адаптивны на различных разрешениях экранов.
Обычно пользуются таким "хаком":
Родителю дают релатив, детю абсолют и потом его двигают относительно родителя.
На этой картинке я вижу только позитион: фиксед для заголовка и статусбара веб-приложения.
Все остальное обычно, например сетка с обложками(книг?) на инлайн-блоках.