Один флекс элемент не уменьшается, а другой нет. Как решить?
Нужно чтобы контент с информацией ножа выталкивал слайдер справа, но почему-то происходит наоборот. У родительского блока стоит display: flex. Без контента справа слайдер адаптируется...
›Flexbox
В этой метке собраны вопросы по «Flexbox»: практические ситуации, пояснения, примеры и ответы по техническим задачам разного уровня. Подборка помогает сориентироваться в проблеме и найти аккуратный способ исправления.
21
вопрос
20
ответов
14
пользователей
Flex-grow 1 не работает, что делать?
Не могу понять, почему блок .twitter_text не прижимает вниз блок .twitter_swipe, хотя flex-grow указан как 1, и flex-direction указан как column, что должно позволять...
›Как изменить размеры flex-элемента без изменения положения соседних блоков?
Друзья, всех приветствую! Застрял на такой задаче: нужно сверстать сетку с карточками товаров. При наведении на один из товаров (.item:hover), один из его дочерних...
›Как сделать ромбообразную сетку?
Нужно сделать сетку, как на картинке, никаких идей нет. Заказчик сказал, что она делается grid, но я в этом не уверен. Дополнительно: svg? опять...
›Как подогнать ширину блока внутри flex под контент?
Столкнулся с проблемой, не могу понять как решить, ширина блока внутри flex растягивается не зависимо от конвента. На скрине видно, что первый блок слишком...
›Как расположить флекс элемент правильно?
Есть контейнер с пикчей и ссылкой (https://pastebin.com/ivV34Vt2) Ссылку нужно расположить справа от пикчи так, чтобы они были на одной линии (т.е. ссылка касается верхней...
›Как предотвратить растягивание блока родителя?
Вот пример. Нижний блок должен быть не шире верхнего (слова по достижении максимальной ширины должны переноситься на новую строку). В то же время верхний...
›Как расположить «абсолютный» элемент так, чтобы он не прятался за границами flexbox?
на фотографии: подсказка, расположенная через position: absolute и немного магии для расположения её по центру. Подсказка находится в элементе flexbox. Сразу видна проблема -...
›Почему дивы в flex-контейнере не растягиваются в высоту?
В конструкторе https://basicweb.ru/css/flexbox_generator.php дивы растягиваются в высоту, но этот же код в песочнице https://codepen.io/valera10/pen/yLQJJWa не работает. Что не так? Код: HTML <div id='flex-container'> <div>1</div><div>2</div>...
›Как перенести блок справа вниз под другой блок?
html код <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Объявления</title> <link href="styles/stylemain.css" rel="stylesheet"> </head> <body> <div class="post-wrap"> <div class="post-item"> <div...
›Как сделать флекс элементы прилипающими к друг другу?
Нужно, чтобы чекбокс и текст прижимались друг к другу. Как это реализовать? HTML <section class="sale"> <form class="sale__form" action=""> <h2 class="sale__title"> Получите гарантированную скидку -20%...
›Как лучше позиционировать картинки абсолютом или флексами?
Первая мобильный вид, вторая десктоп Дополнительно: Если у них декоративная функция, то любым способом. Абсолютное позиционирование - был единственный способ выполнить эту задачу на...
›