Как сделать несколько контейнеров, находящихся рядом друг с другом?
Я хочу сделать общий контейнер #profile-container, в котором слева будут profile-info, profile-details, profile-ratings контейнеры (и всё, что в них лежит), расположенные друг под…
Вопросы по тегу: flexbox
- 0 ▲1 ответ.
- -1 ▲1 ответ.
Вёрстка контейнера с элементами разной ширины и высоты
Какой самый удобный и простой способ сверстать данный макет? Что лучше использовать grid или flex?
- 0 ▲0 ответ.
Как задать space-between для пунктов меню Bootstrap?
Беру стандартный код для панели навигации из документации Bootstrap. Выкидываю из него логотип, выпадающий список, формы. Оставляю только кнопку navbar-toggler и собственно список…
- 0 ▲0 ответ.
Отступы у блока с flex-wrar:wrap
.container { display: flex; gap: 10rem; padding: 3rem 0; } .menu { display: inline-flex; gap: 1rem 4rem; list-style-type: none; flex-wrap: wrap; padding: 0; margin: 0; background-…
- 0 ▲1 ответ.
CSS - ширина внутреннего div во flex-контейнере при изменении ширины контейнера
Как мне добиться правильного поведения элемента? Использование flex не обязательно, это может быть grid или любой другой HTML код, дающий тот же результат. В коде есть элемент при…
- 0 ▲1 ответ.
Почему не работает flex-wrap: wrap? Ячейка не переносится на другую строку при сжимании окна браузера
Ни как не могу понять в чем проблема, почему не переносится ячейка? .why-items { display: flex; flex-wrap: wrap; justify-content: space-around; margin: 46px -15px 0 -15px; } .why-…
- 0 ▲1 ответ.
Как сделать флекс элементы с разной высотой?
как сверстать блоки так как показано на картинке?
- 0 ▲1 ответ.
Как на флексах прижать первую строку к левому краю, вторую к правому?
Есть такой блок, сверстанный на флоатах. .bonuses_block { display: block; margin: 0 auto; padding: 10px; width: 100%; max-width: 300px; border: 1px solid #000; } .bonuses_block:af…
- -1 ▲4 ответ.
Как задать 3м блокам ширину в 1/4, каждому, чтобы оставшаяся 1/4 не занималась и оставалось пустой?
У меня есть div в котором расположены 3 блока. Надо чтобы каждый из них занимал 1/4 ширины, а пустое место не распределялось по остальным блокам, и те не растягивались? Пробовала …
- 0 ▲1 ответ.
CSS. flex. При наведении чтобы раздвигался один элемент ленты с отображением всего текста
Есть элемент (line-container), который вмещает много дочерних (line-name). При нормальном отображении текст в дочерних элементах сокращается, чтобы все элементы были одинакового р…
- 0 ▲1 ответ.
Расположение блоков css как на фото
Всем привет, как мне расположить эту иконку с собачьей лапой поверх фотографии как на этом скриншоте? Спасибо)
- 1 ▲0 ответ.
как расположить "блоки" как на данной картинке?
Пока мой выглядит вот так: * { margin: 0; padding: 0; } body { display: flex; } .menu { background-color: #008B8B; flex-direction: column; } .zagolovok { background-color: #8B0000…
- 0 ▲1 ответ.
Как правильно сверстать табы на флексах?
Есть такой блок с табами: .tabs__wrapper { display: flex; justify-content: space-between; width: 100%; } .tab { display: flex; justify-content: center; align-items: center; paddin…
- 0 ▲0 ответ.
Изменить расположение блоков в адаптивной секции
Необходимо сверстать адаптивную секцию на флексах. Секция состоит из заголовка h2 , блока с копирайтом div class=copy, и блока с основным контентом div class=content. При разрешен…
- 0 ▲1 ответ.
Как зафиксировать контейнер для строк в одном положении?
У меня есть контейнер item, в котором на одной строке расположены по порядку название, дата и статус, заданные с помощью .title { display: flex; justify-content: space-between; } …
- 0 ▲1 ответ.
Карточки одинаковой высоты в Bootstrap
По заданию требуется используя сетку Bootstrap 4 создать секцию с 4 карточками одинаковой высоты с картинкой в верхней части, и кнопкой, прижатой к нижнему краю карточки. Я примен…
- 1 ▲0 ответ.
css: при использовании двух div блоков в контейнере с column-count = 2 блоки выводятся друг за другом вертикально, а не горизонтально
При использовании двух div блоков в контейнере с column-count = 2 блоки выводятся друг за другом вертикально, а не горизонтально .blocks { width : 100%; column-count : 2; column-g…
- 0 ▲1 ответ.
Адаптив во Vue3 использую tailwindcss
<div class="justify-between" :style="[ mainStore.getCollapsed ? 'width: 93vw' : 'width: 83vw']" > <div/> Всем привет,такой вопрос. Необходимо сделать адаптив страницы.…
- 0 ▲1 ответ.
Не срабатывает свойство justify-content: space-between
HTML <header class="header"> <div class="left-box"> <div class="logo-box"> <a href="#"> <div class="logo-im…
- 1 ▲3 ответ.
Как растянуть выпадающие меню на всю ширину экрана?
Всем привет! Подскажите пожалуйста как растянуть выпадающие меню на всю ширину экрана?(чтобы была заполнена область указаная стрелкой) nav ul { list-style-type: none; margin: 0; p…
- -1 ▲2 ответ.
Помогите пожалуйста сверстать Grid/Flex сетку
Как я могу сделать такую грид сетку или через flex?
- 0 ▲1 ответ.
Как правильно расположить элементы внутри флекс-контейнера и задать им размер?
Подскажите, пожалуйста, как правильно, без костылей, расположить элементы внутри флекс=контейнера. Без margin'ов у меня не получается раскидать элементы по их местам... Но ведь же…
- 0 ▲1 ответ.
Выравнивание по флексбоксу
Существует мобайл-версия шапки следующего вида: <header class="header"> // .header {display: flex} <div class="header__logo"></div> <div c…
- 0 ▲2 ответ.
Flex сжимает элемент
Мультиселекты "Прайм тайм" не хотят растягиваться (т.к. обернул их в контейнер). Все средства перепробовал, но ничего не помогает (кроме конкретного width:**px). Как их …
- 0 ▲1 ответ.
Как сделать блоки одной высоты для десктоп версии и одной ширины для мобильной версии?
Всем привет. Имеется вот такая вёрстка на Bootstrap 4. Есть стилизованные "Radio", и в зависимости от количества текста внутри "label" высота у этих блоков раз…
- 0 ▲2 ответ.
Как центрировать flex-контейнер
Хотелось как в гриде. Чтобы сам флех-контейнер было по центру или например если justify-content:space-between был равномерный отступ между блоками, но на следующем ряде все начали…
- 0 ▲1 ответ.
Как сделать такое на grid или flex
Как отступать слева по максимальной ширине текста? Как это сделать без минимальной ширины текста
- 0 ▲0 ответ.
Не получается адаптивная верстка. Flex не работает так как надо
Не пойму что делаю не так. По идее, на всех устройствах с разрешением до 767 пикселей кнопка должна уезжать вниз, а текст ставиться наверх. Но так не работает. Что делаю не так? &…
- 0 ▲1 ответ.
Почему не работает position fixed и flexbox контейнер?
У меня есть шапка сайта(header__top) с position fixed и justify-content: space-between, но justify-content не работает, и я знаю что при position fixed нужно задавать ширину блоку…
- 0 ▲1 ответ.
Пункты меню занимали 100% высоты родителя
Как сделать, чтобы пункты меню занимали 100% высоты родителя? *, *::before, *::after { box-sizing: border-box; } * { padding: 0; margin: 0; border: 0; } ul li { list-style-type: n…