VM
Некст раз - пермач будет
Понял. 😋Как тесен телеграм.
Size: a a a
2020 May 09
VM
😁
n
Пытаюсь с помощью флексов разместить элементы.
Подскажите пожалуйста, как сделать чтобы create room и instruction занимали по 50% экрана?
Подскажите пожалуйста, как сделать чтобы create room и instruction занимали по 50% экрана?
l
flex-grow: 1;
n
flex-grow: 1;
Видимо еще не совсем понимаю как флекс работает.
У меня есть главный контейнер
У меня есть главный контейнер
.content {
display: flex;
flex-flow: row wrap;
}
В нём находится другой контейнер, в котором размещаются 2 верхних блока.main-container {
display: flex;
width: 100%;
}
При попытке добавить flex-grow: 1; какому-то элементу он не меняет свою величинуl
Прочти документацию по флекс бокс
VL
Можно ведь 50% width сделать им и box-sizing:border-box;
l
С какой целью ты ставишь .content display:flex;
AP
Видимо еще не совсем понимаю как флекс работает.
У меня есть главный контейнер
У меня есть главный контейнер
.content {
display: flex;
flex-flow: row wrap;
}
В нём находится другой контейнер, в котором размещаются 2 верхних блока.main-container {
display: flex;
width: 100%;
}
При попытке добавить flex-grow: 1; какому-то элементу он не меняет свою величинутебе нужно чтобы они переносились? зачем у тебя wrap стоит
l
тебе нужно чтобы они переносились? зачем у тебя wrap стоит
У него после этого блока идёт контейнер, так что смысла не вижу вообще делать .content флексовым
n
тебе нужно чтобы они переносились? зачем у тебя wrap стоит
Нужно чтобы 2 верхних элемента оставались наверху, а history был внизу. В принципе перенос не нужен.
n
У него после этого блока идёт контейнер, так что смысла не вижу вообще делать .content флексовым
Да, действительно. Смысла в нём мало оказалось
l
Тогда width:50%; делай и .main-container flex-wrap:wrap
n
Тогда width:50%; делай и .main-container flex-wrap:wrap
Не получается изменить их ширину. При попытке задать width 50% сам элемент становится в 2 раза меньше, тоесть как будто он уже в 100%
l
codepen.io сюда скиньте свой код...
n
Там ангуляр приложение.
Когда перенёс нужный мне кусок кода в отдельный файл, то отработало как надо. Width 50% сработал как ожидалось
Когда перенёс нужный мне кусок кода в отдельный файл, то отработало как надо. Width 50% сработал как ожидалось
n
Нашел я причину. Там между ними еще один контейнер находится, который относится к компоненту
DO
Подскажите, есть офлайн программы типо Codepen? Чтоб было сразу видно файл Html, Css и создаваемую страницу
МВ
Dmitriy Oleynik
Подскажите, есть офлайн программы типо Codepen? Чтоб было сразу видно файл Html, Css и создаваемую страницу
Редактор, браузер, плагин live reload
SB
Dmitriy Oleynik
Подскажите, есть офлайн программы типо Codepen? Чтоб было сразу видно файл Html, Css и создаваемую страницу
любой редактор + браузер