ну и так дальше остальные статьи идут подряд

кто-то знает из-за чего при открытой клавиатуре на телефоне не проходит первый клик на кнопку? на андроиде проблема наблюдается

Почитай про грид
ВСЕ что внутри .container-article  станет грид элементами, значит у тебя внутри контейнера  должно быть только 3 дочерних элемента на строку, а уже в них что угодного
div class = ".container-article">
<article></article>
<article> .. тут одна твоя статья </article>
<article></article>
<article></article> .. и так еще 5 раз

да вроде бы читал про грид

Ну как я вижу в пастбин у тебя внутри контейнера сразу статья без обертки

один контейнер для всех статей

Лучше во втором файле в 2 разных контейнера пихать? 1-ю в один, а оставшиеся во второй?

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

песочницы?) сейчас почитаю

JSfiddle, CodeSandbox

У тебя така верстка
header
a1 a2 a3
a4 a5 a6
a7 a8 a9

Тебе с бека приходит ровно 10 статей
Ты либо 1ю статью отдельно пихаешь в хедер, а в контейнер все 9 остальных, либо вообще сразу все 10, если у тебя сайт это чисто хедер и эта сетка, при условии что сетка шириной = хедеру, тогда первому элементу из списка просто дай grid-column: span 2
Иначе просто
(псевдокод)
header
.container article>
a1
a2
....
a8
a9
<.container article>

спс. Сейчас переделаю

/report@techfather_bot

Бесполезно. Лучше админов зови

Окей

подскажите как сделать такой текст?

text-shadow

не подходит

почему

точь в точь не выходит