Чтобы предотвратить перекрытие элементов в фиксированном заголовке начальной загрузки с помощью flexbox. ⇐ CSS

[Anonymous]

Я создал фиксированный заголовок с настраиваемыми свойствами с помощью начальной загрузки.
Он содержит 2 элемента изображения: один — assets\fetching.gif, а другой — assets\logout. png, и когда я его выполняю, файл assets\fetching.gif перекрывает файл assets\logout.png.
Допустил ли я какие-либо ошибки ?

Код: Выделить всё

Smart Problem-solving using AI-driven Resource Kit
S.P.A.R.K

[img]asset/fetching.gif[/img]

[img]asset/logout.png[/img]

Что я пытался:
Я проверил HTML-код, в котором кнопка загрузки GIF и кнопка выхода из системы находятся в flex-контейнер.
Я добавил класс Bootstrap (mx-2) в загружаемый GIF-файл, чтобы освободить место, но он по-прежнему закрывал кнопку выхода из системы.
Все, что я пробовал не сработало.

Подробнее здесь: https://stackoverflow.com/questions/791 ... th-flexbox