Size: a a a

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

2020 August 15

KK

K K in HTML/CSS — русскоговорящее сообщество
lesha
И не понимаешь что вложенные элементы не принимают тех же свойств что и родитель
это уже понял. остался вопрос, как правильно задавать потом diplay для вложенного эл-та? Создавать ему обертку, потом обращаться в css к нему, или в самом эл-те дописывать класс?
источник

PT

Plot Twist in HTML/CSS — русскоговорящее сообщество
Я понимаю когда реально задают вопрос как лучше реализовать фетиш дизайнера ,когда у тебя на каждый элемент придется вешать after, before ,а тут такое...
источник

l

lesha in HTML/CSS — русскоговорящее сообщество
Bogdan Saliuk
не, ну что-то принимают :)
Ну явно не display
источник

BS

Bogdan Saliuk in HTML/CSS — русскоговорящее сообщество
K K
это уже понял. остался вопрос, как правильно задавать потом diplay для вложенного эл-та? Создавать ему обертку, потом обращаться в css к нему, или в самом эл-те дописывать класс?
нужна обёртка - задаешь обёртку. Нет - не задаёшь. Просто же
источник

NN

No Name in HTML/CSS — русскоговорящее сообщество
Plot Twist
Я понимаю когда реально задают вопрос как лучше реализовать фетиш дизайнера ,когда у тебя на каждый элемент придется вешать after, before ,а тут такое...
Он просто гуглить не умеет, думает за него всегда будут находить решение
источник

PT

Plot Twist in HTML/CSS — русскоговорящее сообщество
Вот я понимаю теперь ну в опу эти флексы с их бесконечной вложенностью может нас спасли уже гриды ,а я и не заметил
источник

PT

Plot Twist in HTML/CSS — русскоговорящее сообщество
Т9 по классике гриды в грибы превращает
источник

TP

Taras Postolyuk in HTML/CSS — русскоговорящее сообщество
Всем привет, как разместить по три карточки в ряд? и дальше перенос/ все на флексах
источник

PT

Plot Twist in HTML/CSS — русскоговорящее сообщество
Не отвечайте
источник

BS

Bogdan Saliuk in HTML/CSS — русскоговорящее сообщество
Taras Postolyuk
Всем привет, как разместить по три карточки в ряд? и дальше перенос/ все на флексах
flex, flex-wrap
источник

PT

Plot Twist in HTML/CSS — русскоговорящее сообщество
Ахахах
источник

BV

Bohdan Vinter in HTML/CSS — русскоговорящее сообщество
No Name
Что за дичь, научись гуглить, и если не находишь ответа только потом пиши сюда. Извиняюсь что нарушил правило "Не посылать в гугл"
Отсылай в бинг
источник

PT

Plot Twist in HTML/CSS — русскоговорящее сообщество
Он знает
источник

l

lesha in HTML/CSS — русскоговорящее сообщество
Антон Чепур
У меня есть блок в котором есть еще много других и мне необходимо расположить их горизонтпльно чтобы между ними был отступ (пускай даже если появится горизонтальный скролл), я пробовал flex: 1 1 0 или justify-content: space-between это не помогает. Как сделать так чтобы было с отступами не задавая паддинги/марджины?
Насколько я знаю, если сумма width каждого элемента превышает width контейнера, то без отступов никак это не сделать.
источник

TP

Taras Postolyuk in HTML/CSS — русскоговорящее сообщество
Bogdan Saliuk
flex, flex-wrap
Спасибо уже так и сделал)
источник

TP

Taras Postolyuk in HTML/CSS — русскоговорящее сообщество
Plot Twist
Не отвечайте
??
источник

KK

K K in HTML/CSS — русскоговорящее сообщество
Bogdan Saliuk
нужна обёртка - задаешь обёртку. Нет - не задаёшь. Просто же
по БЭМу как правильно?
HTML
<header class="header container">
  <div class="logo">
   <img src="images/logo.svg" alt="">
  </div>
</header>

SASS
.header
background-color: #ffbde1
display: grid

.logo
display: flex
align-items: center


ИЛИ

HTML
<header class="header container">
   <img src="images/logo.svg" alt="" class="logo">
</header>

SASS
.header
background-color: #ffbde1
display: grid

.logo
display: flex
align-items: center
источник

BS

Bogdan Saliuk in HTML/CSS — русскоговорящее сообщество
Антон Чепур
У меня есть блок в котором есть еще много других и мне необходимо расположить их горизонтпльно чтобы между ними был отступ (пускай даже если появится горизонтальный скролл), я пробовал flex: 1 1 0 или justify-content: space-between это не помогает. Как сделать так чтобы было с отступами не задавая паддинги/марджины?
контейнеру отрицательный марджин
источник

D

Denis in HTML/CSS — русскоговорящее сообщество
K K
по БЭМу как правильно?
HTML
<header class="header container">
  <div class="logo">
   <img src="images/logo.svg" alt="">
  </div>
</header>

SASS
.header
background-color: #ffbde1
display: grid

.logo
display: flex
align-items: center


ИЛИ

HTML
<header class="header container">
   <img src="images/logo.svg" alt="" class="logo">
</header>

SASS
.header
background-color: #ffbde1
display: grid

.logo
display: flex
align-items: center
источник

l

lesha in HTML/CSS — русскоговорящее сообщество
источник