и justify-items: space between. Правильно ли корректировать положение дочерних элементом при помощи padding left и right?
да, нормально
В каких то случаях да, в каких то нет. Зависит от задачи и контента.
я бы дал дочернему pos:relative и двигал top/left/right/bottom свойствами
я хочу, чтобы "обратный звонок" и "социальные сети" были максимально прижаты вправо, но при сужении экрана уменьшалось расстояние между "меню" и "соц. сети"
тут тебе будет достаточно обернуть эти две последние кнопки в общий контейнер чтобы спейс битвин их по краям распихал
А потом добавят третью кнопку и что она будет делать с вашим спейс битвин? 🧐. Не лучше ли использовать нормальный поток и маржин авто для одного из элементов?
она так же попадет с другими кнопками в правый край. в данном случае нужно всего два блока по краям, и нет разницы-спейс битвин или маржин лефт/райт.
Ну ок. Не видя макет сложно понять как она туда попадет. Видимо я задачу не понял.
@tolkachevroman только так не вздумайте)
Могу только поверить на слово:)
а что, совсем плохо?)
в этом случае да, это ниндзякод там где он не нужен)
имхо это просто было лучше сдвигания элементов паддингами, сам такой фигнёй в жизни не страдал)
Какая интересная метафора для 💩 ... 🤣🤪😇😈
а если между ними одинаковое расстояние, не проще gap прописать
я пока не знаю этого метода, проще говоря, мне нужно указать расстояния между 3 дивами, расположенными в линию. За последние 2 суток, самым простым оказался flex+margin, но потом нужно будет как то удалить 1 из элементов при сужении
нашел, спасибо, это очередное свойство flex, пошел гуглить
Это к моему вчерашнему вопросу. В общем все, что я хотел сделать получилось при помощи flex. Но в моем мире есть еще некий сложный grid, который, как говорят, более универсальный. Я пытаюсь понять, есть ли смысл тратить время на его изучение
Вам не нужно изучать CSS
В последних версиях разработчики, например добавили свойство gap к flex, до этого оно было у grid. У grid секции, аналогично, как я понимаю, можно задать процентами/по ширине содержимого и т.д За сегодня посмотрел 3-4 видео и во всех о grid отзываются как об аттавизме
Вы очень ошибаетесь. Grid — самая передовая и гибкая технология построения лэйаута в CSS
не все верстают на гридах
Что значит «не все верстают на гридах»? Flex и Grid — способы строить лэйаут в CSS, со своими преимуществами и особенностями, сравнивать что лучше или использовать что-то одно, — ошибка новичка, совершенно не понимающего ничего в вебе. В построении архитектуры лэйаута используется как Flex так и Grid, каждый для своих целей. В верстке невозможно применять только всегда Flex или только всегда Grid — это нерационально и крайне странно.
самая передовая и гибкая технология построения лэйаута
И почему вы решили, что я имел ввиду, что Grid — панацея?
Обсуждают сегодня