Можно ли теперь все исправить? (flex + ссылки)

В общем, делаю сейчас макет из старой рассылки, достаточно долго просидел с позиционированием всех этих менюшек, в итоге упустил ссылки, и просто всё спозиционировал, как и должно быть, сегодня всё доделал и вспомнил ссылки так и не добавил, начал добавлять и всё поплыло (внутри li)

https://jsfiddle.net/ofpato/u46nxop8/ - песочница

Что-то я не могу понять эту строку, прокомментируйте, сколько ссылок тут:

<li class="baby-desc__title"><a href="#">Wear<a href="#"></a></li>

И почему у li вдруг href?..

Так делать тоже нельзя, вы вкладываете в строчный элемент (ссылку) блочный параграф:

<li class="baby-desc__price"><a href="#"><p>$ 99.<span class="baby-desc__sup">00</span></p></a></li>

Здесь необходимо наоборот, текст внутри параграфа обернуть в ссылку.

Спасибо за замечания, да я просто пока пытался решить всё местами попереставлял, в итоге забыл в исходное положение до конца привести. Как я понял тут необходимо перестраивать всё и делать через display inline-block, по-другому можно только через выравнивание паддингами и высотой строки. Спасибо еще раз за ответ!

Если б еще предоставили картинку того, как это должно выглядеть.

Вот как должно быть