не разбираюсь в гридах как мне сделать чтобы когда 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;
  }
`;

++++

Если не тяжело распиши плиз у меня голова не варит

Ну камон, стоило уехать от компа где я из интереса готовый код написал ты вдруг решился))
Но вообще задача крайне простая, для собственного опыта рекомендую самому подумать

Тебе нужна переменная итератор let i  = 0
Далее нужен цикл по массиву

Ещё?)

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

У меня это дз на завтрашнее утро

Напиши плиз там ещё задач 10 решать

Если не сложно плиз 🙏

+

function symCounter(string, sym) {
 let symbols = string.split(''),
     i = 0
     
 symbols.forEach(k => if (k === sym) i++)
 return i
}

Моя первая функция с телефона)

Так что дебаг на тебе

Спасибо большое , разберусь 👌

Идею понял?

Честно не всё

Что нет?

ForEach метод не проходили ещё разок читал про него