Не работают паддинги?

Question

[katikat488]

В общем я сверстал макет и залил его на гитхаб
https://github.com/zarnyenn88/zarnyenn88.github.io
(zarnyenn88.github.io)
Можете пожалуйста посмотреть мой сайт? Я не знаю у кого еще спросить насчет него. Подскажите что не так сделал. В конце еще не получилось сверстать нормально кнопку "подписаться", нижний паддинг не работает. То есть нужно чтобы там была такая же(такого же цвета) нижняя граница в 20px, чем и основной блок. Но он чисто белый почему то. Как поправить?
И что в целом советуете подучить? Наверное БЭМ и флексы необходимо изучить детальнее?

Comments

[Вадим]

нижний паддинг не работает.

Мне кажется Вам стоит изучить ещё раз чем padding отличается от margin.

Вы положили ссылку в див, которому задали фон.
Независимо от того, Зададите Вы padding ссылке или диву, там всегда будет такой результат. Потому что padding это внутренний отступ элемента.

Тут нужен либо margin-bottom диву, в котором лежит ссылка, либо padding самой карточке - общего блока, в котором всё это лежит(section-third-item).

[Сергей delphinpro]

Научитесь пользоваться инспектором в браузере. Там довольно наглядно видно какие стили применяются к элементу. Если его выделить, то видно какие у него отступы и границы, и т.д.

[Сергей delphinpro]

Наверное БЭМ и флексы необходимо изучить детальнее?

БЭМ – это про организацию. А у вас проблемы с более фундаментальными вещами.

[katikat488]

Сергей delphinpro, Поправил, гляньте на гитхабе пожалуйста;) https://jugenderwach.github.io/
https://github.com/jugenderwach/jugenderwach.github.io
Правильно?(П.с., базовые вещи я усвоил, просто в том моменте с двойнымвложением затупил., что мне дальше советуете изучить?)

[katikat488]

Вадим, Да не, конечно я знаю что такое марджины и падинги. Там затупил просто с двойными вложениями)
Можешь посмотреть, нормально?
https://jugenderwach.github.io/
https://github.com/jugenderwach/jugenderwach.github.io

(Что мне все таки дальше изучать? Практиковаться?)

[Сергей delphinpro]

katikat488, https://github.com/jugenderwach/jugenderwach.githu...
здесь ошибка

[katikat488]

Сергей delphinpro, А, тут конечно) Кстати, названия моих блоков - полный бред? Просто когда я писал я так кринжовал с их названий, мне очень стыдно было это сюда заливать

[Сергей delphinpro]

katikat488,

названия моих блоков - полный бред?

Да

[Сергей delphinpro]

Не то чтобы названия. Но какие-то попытки закосить под БЭМ - Да.

[Вадим]

(Что мне все таки дальше изучать? Практиковаться?)

Это сложный вопрос.
Я вижу лишь свёрстанную страничку, где

затупили

с

двойной вложенностью

.
Я не знаю что Вы знаете. Не знаю как Вы это верстали. Гуглили ли каждое свойство или набросали на раз два из головы.

Но факт остаётся фактом. Вы запутались в достаточно простой вещи, которая говорит о том, что Вы не до конца всё же освоили базовые концепции.
Например, блочную модель. Какие свойства на что влияют. Совсем не освоили инспектор элементов в браузере. БЭМ есть смысл учить, когда Вы понимаете вёрстку как таковую. Понимаете что такое абстракция и почему какие-то элементы называют блоком. Как по мне - Вам ещё рано.
Флексы лишь способ организации потока элементов.
Кстати можете ответить на вопрос что такое поток? (мне отвечать не нужно, для себя. Не знаете - изучите, осознайте).
Так же Вам нужно поизучать хорошие практики и правильные подходы к вёрстке. Например, найти ответ на вопрос, почему стоит задавать фикисрованные размеры элементам только с большой осторожностью, а не для того чтобы прижать кнопку к низу.

Таким образом, я бы порекомендовал Вам, на данный момент, больше практики. И больше теории. Как снова пройтись по изученному, так и добавить чего-то нового.