Может подскажете что? нужны полоски как на макете. пробовал с

Question

Может подскажете что? нужны полоски как на макете. пробовал с

:nth-child() играться,
но не смог добиться нужного результата. цыфры это индексы(порядок) элементов.
на картинке где "шахматная доска" это:
&:nth-child(odd) {
background-color: #EBF0FF;
}
а нужны полоски

#css #frontend #html #programming #russian

0

15.07.2021

20 ответов

14 просмотров

Борис Миролюбов Автор вопроса

0

15.07.2021

Борис Миролюбов Автор вопроса

Khazif
Как выглядит при odd?

где "шахматная доска"

0

15.07.2021

Khazif

Борис Миролюбов
где "шахматная доска"

В коде как задана вёрстка: элементы идут слева-направо, перенося излишки на новые строки, или у тебя три дива-колонки?

0

15.07.2021

Khazif

Борис Миролюбов

Тебе нужно как слева или как справа?

0

15.07.2021

Борис Миролюбов Автор вопроса

Khazif
В коде как задана вёрстка: элементы идут слева-нап...

рендерится так: supportedSitesList.map(supportedSitesListItem => ( <Card key={supportedSitesListItem.letter}> <StyledSubtitle>{supportedSitesListItem.letter}</StyledSubtitle> <CardItemsList> { supportedSitesListItem.list.map((supportedSite, ind) => ( <CardItem key={supportedSite.name}> { supportedSite.link ? ( <StyledLinkComponent to={supportedSite.link} asto={supportedSite.link}> {supportedSite.name} </StyledLinkComponent> ) : `${supportedSite.name} - ${ind}` } </CardItem> )) } </CardItemsList> </Card> )) // отображаю так const CardItem = th(styled.li` display: flex; align-items: center; color: #575C62; padding-left: 8px; line-height: 34px; background-color: ${getColor("background")}; width: ${adaptive("50%", "33.33%", "25%")}; &:nth-child(3n+1) { background-color: #EBF0FF; }

0

15.07.2021

Khazif

Борис Миролюбов
рендерится так: supportedSitesList.map(supportedS...

codepen

0

15.07.2021

Борис Миролюбов Автор вопроса

Khazif
codepen

туда не смогу (

0

15.07.2021