Всем привет. Есть футер(см. рис. 1), нужно сделать адаптив таким

Просто у меня два дива засунуты в футер, к которому присвоен фон. как я отделю эти два блока и оставлю между ними белую полоску, если в родителе(футере) стоит фон?

0

26.08.2022

Yuliya Ants

Дмитрий
Просто у меня два дива засунуты в футер, к котором...

а фон у футера разве не белый?

0

26.08.2022

Андрей ?

Дмитрий
Просто у меня два дива засунуты в футер, к котором...

вообще это странное разделение какой-то полосой в футере

0

26.08.2022

Дмитрий Автор вопроса

Yuliya Ants
а фон у футера разве не белый?

нет

0

26.08.2022

Andrey

Yuliya Ants
а фон у футера разве не белый?

Серый

0

26.08.2022

Yuliya Ants

Дмитрий
нет

тогда нужно еще одним дивом обернуть эти блоки и поставить этому диву тот фон который должен быть между блоками

0

26.08.2022

Дмитрий Автор вопроса

Андрей ?
вообще это странное разделение какой-то полосой в ...

я тоже так подумал, но такой макет(

0

26.08.2022

Trazet_Jet

Дмитрий
нет

скиньте весь футер

0

26.08.2022

Andrey

Дмитрий
я тоже так подумал, но такой макет(

Это тестовое?

0

26.08.2022

Дмитрий Автор вопроса

Andrey
Это тестовое?

нет, рабочий проект

0

26.08.2022

Artem Khorosh

Дмитрий
Просто у меня два дива засунуты в футер, к котором...

В медиазапросе у футера можно убрать фон, а диву добавить, и одному и второму, и установить margin-bottom межде первым и вторым дивом.

0

26.08.2022

Дмитрий Автор вопроса

Trazet_Jet
скиньте весь футер

<footer className={styles.Footer}> <div> <p className={styles.TextFooter}> This smrt16.com website has been created to provide basic information about <br /> the project of smart contracts developed as part of experiments with the <br /> Ethereum blockchain and combined into a single complex called SMRT16. <br /> SMRT16 is NOT a legal entity, is NOT an investment project. </p> </div> <div className={styles.Social}> <div className={styles.Telegram}> <p style={{ marginRight: "8px" }}>@smrt16 </p> <Image src="/assets/image 2.svg" alt="SMRT16" layout="fixed" width={25} height={25} /> </div> <div className={styles.Email}> <p style={{ marginRight: "8px" }}>dev@smrt16.com </p> <Image src="/assets/image 3.svg" alt="SMRT16" layout="fixed" width={25} height={25} /> </div> </div> </footer>

0

26.08.2022

Дмитрий Автор вопроса

Artem Khorosh
В медиазапросе у футера можно убрать фон, а диву д...

вот я тоже как то так думал, но не понял как

0

26.08.2022

Trazet_Jet

Дмитрий
<footer className={styles.Footer}> <div> ...

код-то мне зачем, скрин макета

0

26.08.2022