@svr5

Как правильно реализовать по БЭМ?

Помогите пожалуйста правильно реализовать по БЭМ такую штуку с ценой

150 р /кг
Где цена 150 - одного размера
Р - рубли другого размера и равняются по верху цены вместе с (/кг)
/ кг - еще меньше размера
Я делал так: 1 - делал блок общий и ему прописывал display: flex
2 - рубли с килограммами еще в одну __обертку и этому элементу прописывал flex
3- и внутри равнял уже margin
Вот так делал, но чувствую что это все как-то некрасиво((
P.S хотел все реализовать inline-block и span для рублей и килограмм, но весь проект идет по БЭМ и flexbox
  • Вопрос задан
  • 296 просмотров
Пригласить эксперта
Ответы на вопрос 2
Krasnodar_etc
@Krasnodar_etc
little front
Можно сделать один общий блок на всех со стилем
align-items: flex-start;
display: flex;


И в него положить эти 3 блока. А цвет и размер задавать непосредственно им.
Вес двигать через self-align или тем же margin-ом
Ответ написан
ShadowOfCasper
@ShadowOfCasper
Middle User Interface Web Developer
Не поленись часик посидеть за доками и узнать о бэм всё что нужно. Это будет для тебя гораздо полезнее, чем просить пример готового кода
https://ru.bem.info/methodology/key-concepts/
https://ru.bem.info/methodology/naming-convention/
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы
Sveak Барнаул
от 40 000 руб.
Blogman Оренбург
от 20 000 до 60 000 руб.
от 10 000 до 15 000 руб.
18 авг. 2018, в 17:54
6000 руб./за проект
18 авг. 2018, в 16:00
60000 руб./за проект