lavezzi1
@lavezzi1

Как сверстать этот блок?

Здравствуйте коллеги. Я знаком со всеми возможными вариантами организации когда, но столкнулся с такой вот проблемкой, не могу понять как сверстать один блок, чтобы он был не в отдельном файле, а reusable и так далее.
Проект не большой, главная и пара презентационных страниц. Есть модальное окно. В нем есть блок "информация". Простой, на первый взгляд.
Идет карта, а под ней два столбца (bootstrap grid), в первом идут 5 блоков (Телефон, майл, соц сети и ссылки на документы) во втором столбце инпуты и кнопки.
Организация проекта такая
base
-global.scss
-var.scss
-mixins.scss

components
-modal.scss
-tabs.scss
-buttons.scss
.etc

utilities
-state.scss
-utilities.scss

Вопрос, как сверстать этот блок с учетом того, что текст в некоторых блоках должен быть большой и красный, например . Или у левого .row должен быть border-right: 1px solid #000;. Первое что пришло в голову - обернуть все это дело в див и уже в нем сделать так .blockwrapper > .row {border-right: 1px solid #000;.}. Но помоему это грязно. Как сверстать блок не превратив проект в кашу?
  • Вопрос задан
  • 609 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы