Size: a a a

htmlbase.ru - чат по front-end разработке

2021 June 21

VC

Valera CSS_Junior in htmlbase.ru - чат по front-end разработке
не разбираюсь в гридах как мне сделать чтобы когда 2 элемента, то они стали поуже и слева расположены в контейнере?
const Container = styled.div`
 width: 100%;
 display: flex;
 justify-content: space-between;
 align-items: baseline;
 margin-left: 50px;

 @media (min-width: 769px) {
     margin-top: 50px;
 }
 margin-bottom: 60px;

 @supports (display: grid) {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(212px, 1fr));
   //grid-template-rows: minmax(190px, 1fr);
   grid-template-rows: 190px;
   grid-column-gap: 50px;
   margin-left: 0;
   align-items: stretch;
   grid-row-gap: 20px;
 }
`;
источник

VC

Valera CSS_Junior in htmlbase.ru - чат по front-end разработке
источник

LO

Lan O in htmlbase.ru - чат по front-end разработке
++++
источник

LO

Lan O in htmlbase.ru - чат по front-end разработке
Если не тяжело распиши плиз у меня голова не варит
источник

SP

Simeon P in htmlbase.ru - чат по front-end разработке
Ну камон, стоило уехать от компа где я из интереса готовый код написал ты вдруг решился))
Но вообще задача крайне простая, для собственного опыта рекомендую самому подумать
источник

SP

Simeon P in htmlbase.ru - чат по front-end разработке
Тебе нужна переменная итератор let i  = 0
Далее нужен цикл по массиву
источник

SP

Simeon P in htmlbase.ru - чат по front-end разработке
Ещё?)
источник

SP

Simeon P in htmlbase.ru - чат по front-end разработке
Я тебе конечно могу готовое решение прям написать, это строчек 5. Если это у тебя дз по школе\универу
Но если ты для себя учишься, рекомендую ещё чуть-чуть подумать
источник

LO

Lan O in htmlbase.ru - чат по front-end разработке
У меня это дз на завтрашнее утро
источник

LO

Lan O in htmlbase.ru - чат по front-end разработке
Напиши плиз там ещё задач 10 решать
источник

LO

Lan O in htmlbase.ru - чат по front-end разработке
Если не сложно плиз 🙏
источник

LO

Lan O in htmlbase.ru - чат по front-end разработке
+
источник

SP

Simeon P in htmlbase.ru - чат по front-end разработке
function symCounter(string, sym) {
 let symbols = string.split(''),
     i = 0
     
 symbols.forEach(k => if (k === sym) i++)
 return i
}
источник

SP

Simeon P in htmlbase.ru - чат по front-end разработке
Моя первая функция с телефона)
источник

SP

Simeon P in htmlbase.ru - чат по front-end разработке
Так что дебаг на тебе
источник

LO

Lan O in htmlbase.ru - чат по front-end разработке
Спасибо большое , разберусь 👌
источник

SP

Simeon P in htmlbase.ru - чат по front-end разработке
Идею понял?
источник

LO

Lan O in htmlbase.ru - чат по front-end разработке
Честно не всё
источник

SP

Simeon P in htmlbase.ru - чат по front-end разработке
Что нет?
источник

LO

Lan O in htmlbase.ru - чат по front-end разработке
ForEach метод не проходили ещё разок читал про него
источник