Как правильно прописывать значения в style?

Question

[Andrej Sharapov]

В компоненте есть такой фрагмент:

<div class="pr-devs">
<template v-for="p in cd.devs">
<style>
    @media (min-width: 62em) {
        .pr-devs {
            grid-template-columns: repeat(p.grid, 1fr);
        }
    }
</style>
...
....

В стилях воткнул p.grid, который находится в json файле. Указываю вручную, в зависимости от количества содержимых блоков.

Как правильно его указать в стилях? Через style="" в html я знаю, как это сделать, а как это прописать в <style> ? Напрямую в стилях прописать не вариант, так как меняется от кол-ва блоков.

Answer 1

[Михаил]

.items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}

Может так не?

Comments

[Andrej Sharapov]

ну да, можно и так.

[Andrej Sharapov]

тогда не буду заморачиваться) спасибо