Size: a a a

2020 January 05

II

Iskander Irreligious in JS Liberty
кто в гридах шарит ?
источник

II

Iskander Irreligious in JS Liberty
точнее - затрудняюсь понять как в гридах сделать структуру
источник

II

Iskander Irreligious in JS Liberty
сейчас скрин сделаю....
источник

F

Foma in JS Liberty
Аркаша Одесский 🇪🇪
Скажите плиз зачем нужен Styled-Components? Это же неудобно и некрасиво
а ты просто юзай все что т зайдет, оно все неудобно и некрасиво
источник

II

Iskander Irreligious in JS Liberty
вот этот блок как сделать инлайновым , чтобы он стал в ряд с его братом ? (используя лишь грид)
источник

DZ

D Z in JS Liberty
Iskander Irreligious
сейчас скрин сделаю....
Если еще песочницу скинишь, вообще супер будет
источник

DZ

D Z in JS Liberty
А зачем тебе тут тебе гриды? Лучше сделай 4 блока по горизонтале флексами, а синие вложенностью
источник

DZ

D Z in JS Liberty
Iskander Irreligious
вот этот блок как сделать инлайновым , чтобы он стал в ряд с его братом ? (используя лишь грид)
Если у тебя синие элементы в одном диве, то задай ему display: flex и все
источник

DZ

D Z in JS Liberty
Тебе гриды тут не нужны. Не тот кейс.
источник

II

Iskander Irreligious in JS Liberty
я изначально делал флексом , но тепрь пришло время делать полную адаптивность ко всем размерам экрана
источник

T

Th0r in JS Liberty
Аркаша Одесский 🇪🇪
Ладно, попробую тогда, спасибо
источник

II

Iskander Irreligious in JS Liberty
и тут то я понял что проще менять лишь некоторые значения грида, да и просто хороший повод разобраться сгридами и что усвоить по этой теме . но вот так с ходу осознать все могущество грида не удаеться , не все так прозрачно , и немного запутано
источник

F

Foma in JS Liberty
над какуето конченную галерею
источник

F

Foma in JS Liberty
источник

F

Foma in JS Liberty
вот такое накинь гридами
источник

DZ

D Z in JS Liberty
Iskander Irreligious
и тут то я понял что проще менять лишь некоторые значения грида, да и просто хороший повод разобраться сгридами и что усвоить по этой теме . но вот так с ходу осознать все могущество грида не удаеться , не все так прозрачно , и немного запутано
Все равно не похоже на кейс, где нужен грид, но ладно.
Тебе тогда нужно убрать дополнительную обертку у синих элементов, если она есть, и контейнеру задать что-то такое.
css
.masthead {
 display: grid;
 grid-template-rows: 1fr;
 grid-template-columns: repeat(5, auto);
 grid-template-areas:
   "some-icons title logo socials search";
}

.some-icons {
 grid-area: some-icons;
}
источник

S

Syntax Highlight Bot in JS Liberty
D Z
Все равно не похоже на кейс, где нужен грид, но ладно.
Тебе тогда нужно убрать дополнительную обертку у синих элементов, если она есть, и контейнеру задать что-то такое.
css
.masthead {
 display: grid;
 grid-template-rows: 1fr;
 grid-template-columns: repeat(5, auto);
 grid-template-areas:
   "some-icons title logo socials search";
}

.some-icons {
 grid-area: some-icons;
}
источник

DZ

D Z in JS Liberty
Хотя это какая-то жуть получится
источник

II

Iskander Irreligious in JS Liberty
D Z
Все равно не похоже на кейс, где нужен грид, но ладно.
Тебе тогда нужно убрать дополнительную обертку у синих элементов, если она есть, и контейнеру задать что-то такое.
css
.masthead {
 display: grid;
 grid-template-rows: 1fr;
 grid-template-columns: repeat(5, auto);
 grid-template-areas:
   "some-icons title logo socials search";
}

.some-icons {
 grid-area: some-icons;
}
спасибо !
источник

F

Foma in JS Liberty
та там флексы или autifit minmax
источник