Телеграмм чат группы css

Size: a a a

HTML/CSS — русскоговорящее сообщество

4964 membersпожаловаться на группу

2021 April 20

Vitaliy Kirenkov in HTML/CSS — русскоговорящее сообщество

когда он у тебя открфт/закрыт индекс никуда не денется...

источник

12:01пожаловаться #1

Vladimirs in HTML/CSS — русскоговорящее сообщество

Всем привет!
Подскажите адекватная ли практика допускать в верстке схлопывание оступов margin-bottom и margin-top? Допустим есть блок, который используется во многих местах, у него прописан margin-bottom: 70px, но в определенном месте нужен margin-bottom: 90px, я прописываю нижнему блоку margin-top: 40px и получаю отступ который мне надо в 20px. Это как бы good?

источник

12:10пожаловаться #2

Vitaliy Kirenkov in HTML/CSS — русскоговорящее сообщество

Как-то странно, что ты получаешь 20, ибо должно быть 90...

источник

12:11пожаловаться #3

Сергей in HTML/CSS — русскоговорящее сообщество

Если к 70 прибавить 40, то получается 110, а не 90). Какая то сложная у тебя математика)

источник

12:16пожаловаться #4

Vitaliy Kirenkov in HTML/CSS — русскоговорящее сообщество

а ты почитай про "схлопывающиеся марджины", чтоб писать по теме

источник

12:17пожаловаться #5

Сергей in HTML/CSS — русскоговорящее сообщество

Я прочитал, но у него должно тогда получиться 70, а не 90.

источник

12:21пожаловаться #6

Vitaliy Kirenkov in HTML/CSS — русскоговорящее сообщество

Структура мне недостаточна ясна и нужно уже детально смотреть в песочнице. В любом случае, 20 там никак не должно получиться при таких отступах.

источник

12:24пожаловаться #7

Сергей in HTML/CSS — русскоговорящее сообщество

Согласен

источник

12:25пожаловаться #8

Vladimirs in HTML/CSS — русскоговорящее сообщество

Точно, margin-top просто схлопнется, надо прописать margin-top 90px, в общем чтобы схлопнуть margin-bottom 70px

источник

12:31пожаловаться #9

Vladimirs in HTML/CSS — русскоговорящее сообщество

Работает

источник

12:32пожаловаться #10

Vladimirs in HTML/CSS — русскоговорящее сообщество

Все просто, допустима ли такая практика со схлопываним отступов или надо искать обходные пути?

https://codepen.io/VladimirFE/pen/rNjqMZL

источник

12:44пожаловаться #11

Vitaliy Kirenkov in HTML/CSS — русскоговорящее сообщество

Ну, если они есть в изначальной спецификации, то конечно можно пользоваться -)

Но я сам крайне редко прибегал к использованию этой особенности. Лучше покажи макет, возможно будет вариант получше

источник

12:45пожаловаться #12

Gohuque in HTML/CSS — русскоговорящее сообщество

Добрый день. Можете ли посоветовать что-нибудь для чтения на тему адаптивности стилей и верстки под дальнейшие измненения? Скажем есть сверстанный интерфейс, который возможно нужно будет быстро изменить. Переменные scss хорошо помогут решить часть проблемы. А есть какие-то еще подходы к разработке может быть?

источник

12:47пожаловаться #13

Vitaliy Kirenkov in HTML/CSS — русскоговорящее сообщество

All you need is... "@media"

источник

12:49пожаловаться #14

Konstantin Bashkov in HTML/CSS — русскоговорящее сообщество

Подход один, продумать на этапе верстки как это будет выглядеть в мобиле (если завставляют сначала десктоп верстать).

источник

12:49пожаловаться #15

Vladimirs in HTML/CSS — русскоговорящее сообщество

Спасибо за ответ. Скриншоты с макета на сколько я понял тут не приветствуют или можно показать?

источник

12:49пожаловаться #16

Vitaliy Kirenkov in HTML/CSS — русскоговорящее сообщество

Зависит от вопроса и задачи. Сейчас можешь показать.

источник

12:50пожаловаться #17

Vladimirs in HTML/CSS — русскоговорящее сообщество

Здесь блок section__header , margin-bottom: 50px, он много где используется, то есть трогать нельзя, а следующий блок clients надо отодвинуть вниз не на 50px а на 90px скажем

источник

12:57пожаловаться #18

Vitaliy Kirenkov in HTML/CSS — русскоговорящее сообщество

имхо, лучше чтобы в системы был единый формат. И у тебя в данном плане свёрстано правильно. Но если дизайнер негодует и с пеной у рта требует увеличения дистанции, то я бы сделал через паддинг, дабы не заморачиваться с коллапсом

источник

13:00пожаловаться #19

Vladimirs in HTML/CSS — русскоговорящее сообщество

Вот этот нюанс было важно понять, у clients делаем padding top
Спасибо

источник

13:02пожаловаться #20