«Justify-center» Tailwind CSS не центрируется должным образом в другом гибком div ⇐ CSS

[Гость]

Я новичок в Tailwind CSS и пытаюсь создать страницу входа, на которой на обычных больших устройствах будет отображаться боковая панель с формой (рядом с ней будет помещено изображение или дизайн), а на мобильных устройствах — боковая панель исчезнет, ​​и на рисунках/изображениях появится форма, которая изначально была размещена рядом с боковой панелью. Но по какой-то причине он не центрирует элементы на боковой панели, используя «justify-center» или что-то еще. В элементе проверки класс justify-center выделен серым цветом, как будто он не используется, а в небольшом информационном окне написано следующее:
This element is a flex item, i.e. a child of a flex container, but justify-content only applies to containers. Try setting the justify-content on the container element or use justify-self instead.
Ниже мой код:







Tailwind CSS





login

login2 area (for mobile devices)






Подробнее здесь: https://stackoverflow.com/questions/781 ... r-flex-div