Подскажите пожалуйста, как мне сверстать список языков на Grid так

Question

Подскажите пожалуйста, как мне сверстать список языков на Grid так

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

#javascript #programming #russian

0

24.12.2022

2 ответов

23 просмотра

Nik Коржиков Автор вопроса

web
тоже интересно как через css задать гриду динамиче...

Ну на джс я сделал условие что если мой итерируемый элемент является последним в массиве и при этом он не четный то 100% иначе 50% ширина

0

24.12.2022

web · Accepted Answer

тоже интересно как через css задать гриду динамически ширину,чтоб в совокупе было 100%.на ум приходит js. let childrenCount = elem.children.length; let gridFr = 1 / childrenCount; let gridStr = ""; for (let I =0; I < childrenCount;i++){ gridStr += ' ${gridFr}fr ' ; } elem.style.cssText = 'display: grid; grid-template-columns: ${gridStr}'; или elem.style.cssText = 'display: grid; grid-template-columns: repeat:(${childrenCount},${gridFr}fr)';

169 похожих чатов

Подскажите пожалуйста, как мне сверстать список языков на Grid так

2 ответов

Похожие вопросы