Вопрос по вёрстке

1. Если ты используешь абсолютное позиционирование, то элемент, относительно которого оно используется, должен иметь position: relative
2. 100% ширина и явно указанные margins, особенно отрицательные, плохо сочетаются
3. Четко сформулируй вопрос чтобы получился пример, работающий на всех разрешениях

Из того, что понял я, вот адаптивный вариант на флексе с "втыканиями". Из творчества -- только уменьшенный шрифт для блока с датой на "смартфонном" разрешении.

А вот вариант с абсолютным позиционированием. Не втыкалось (или втыкалось) у тебя именно из-за отсутствия position: relative у родителя.