Почему CSS flex не работает при развертывании?CSS

Разбираемся в CSS
Ответить
Anonymous
 Почему CSS flex не работает при развертывании?

Сообщение Anonymous »

Я хочу, чтобы моя страница была разделена на две части по вертикали. Это работает локально, но не в Chrome при развертывании (см. снимки экрана), хотя работает в Safari.
Любая помощь приветствуется
Изображение
[img]https:// i.sstatic.net/2f2BNREM.png[/img]

html

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




Project Description

Welcome to ...

The bot’s core functionality...



Chat with AlienBot




Send




css

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

.container {
display: flex !important;
height: 100vh; /* Full viewport height */
}

.left-panel, .right-panel {
width: 50% !important;
padding: 20px;
}

.left-panel {
background-color: #f0f0f0; /* Light background for the description */
box-shadow: inset -2px 0 5px rgba(0, 0, 0, 0.1); /* Divider shadow */
}
Изображение

I попробовал добавить !important в контейнер flex. Не существует внешних стилей CSS, которые могли бы переопределить таблицу стилей.

Подробнее здесь: https://stackoverflow.com/questions/790 ... n-deployed
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»