Карочє, погугли grid-column і зазирни сюди: https://yoksel.github.io/flex-cheatsheet/

Но я ведь заранее не знаю сколько элементов на сервере. Мне нужно прописать условие где я проверяю чтоб было больше 6 элементов и только тогда вставляю рекламу, а после продолжаю подгрузку оставшихся элементов с сервера? Не совсем понимаю как такую логику написать. Сейчас мой код на reactвыглядит так
<div className="cards">
    {data.map(item => (
       <Card
           key={item.id}
           image={item.image}
           header={item.header}
           text={item.text}
       />
    ))}
</div>

Создать класс с максимальной шириной и добавлять его только на рекламу

`<div className="cards">
       {data.map((item, i) => (
         <Card
           key={item.id}
           image={item.image}
           header={item.header}
           text={item.text}
         />
{
   (i === 5 && data.length > 6) && <Component />
}
       ))}
     </div>`
а далі стилями розтягй свій компонент на всю ширину контейнеру чи що там тобі треба зробити)

спасибо большое всем, буду пробовать

Всем доброго времени суток. По приёму на курс с кем могу пообщаться?
Заранее спасибо!

Привет. Курса сейчас нет и пока не предвидится. Насколько я знаю...  Доступен вариант самообучения - все в отрытом доступе.

Спасибо за ответ. А с кем можно пообщаться в живую без переписки.
Я нолевой. Решил поменять профиль работы.
Нужна помощь,  чтоб помогли разобраться  с чего начинать и как двигаться потом.
Может я не туда смотрю. Но не сильно понимаю видео уроки.
Примерно знаю направление в котором хочу разобраться и пока в нем двигаться"Тестировщик".

Ну уроки тут были для фронтенд разработчиков, так что с тестировщиком ты, пожалуй, не туда)

А если хочешь все таки на фронтенд, то в репозитории коттанов есть маленький курс для самообучения, который нужл было проходить для вступления на прошлый курс. Сейчас кину ссылку. Отличное начало

Можу порадити курс по комп‘ютерним наукам, для початку буде корисно задати базу.
Це звичайно не тестування, і нахил тут більше буде на програмування, але можливо захочеш більше програмувати
(є напрямок автоматичного тестування де навички програмування дуже сильно важливі)

https://www.edx.org/new/course/introduction-computer-science-harvardx-cs50x


Можливо скажеш що вже сам освоїв, так буде легше підсказати/направити.

Ну і однозначно англійська мова, без неї ніяк

Плюсую, cs50 для початку
На прометеусі була укр версія, а там вже самому буде набагато легше зорієнтуватися, чи сформулювати запитання :)

всем привет. подскажите плз может кто сталкивался, задаю реакт элементу класс после чего данный элемент просто пропадает со страницы при том что я не задавал ему никаких свойств в css. стоит убрать ему класс как он снова отображается.
<div className="block">Block</div> не отображается
<div>Block</div> отображается

смотри в отладчике браузера какие у него стили

никаких стилей нет

Честно, не достает информации. Там может быть что угодно

может ли это быть какойто баг? я проверил все родительские элементы и и х стили ничего не может мешать нормальному отображению элемента

в другом браузере проверь, мб аддон какой-то типа адблока его скрывает