Так правильно же все в медиа-запросе.
Сделал это костылями на CSS:
Это не костыли вообще-то.
ravesli.com/slovar-programmista-sleng-kotoryj-dolz...
Нужно применять термины там, где оно требуется.
А не просто красивое слово услышал где-то и написал %)))
Костыль – это исправление серьезных багов, дыр, ошибок без должного исправления целой системы. Т.е. когда что-то сломалось, и нужно исправить на скорую руку в кротчайшие сроки.
А в данном случае это правильный медиа-запрос.
как сделать правильно, где смотреть код и прочее
Вообще не понятно, что ты имеешь ввиду, какой код, где смотреть.
display: relative
А что это за херня? Мне не известна данная конструкция %)
Либо position relative, либо display block/none/flex.