Не могу найти информацию о моей проблеме на CSS Grid. Это линия, которую я считаю, составляет grid-template-columns: repeat(auto-fill, minmax(300px, 1.5fr));
. Я использовал Autoprefixer, но это не решает проблему.
У вас есть какие-либо идеи по этому поводу?
В этом компоненте есть целое css:
.subservices__content {
list-style: none;
display: -ms-grid;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1.5fr));
grid-auto-rows: 400px;
grid-gap: 20px;
<ul className='landing-page__tabs'>
{categories.map(category => (
<Link to={`/produktai/${category.id}`} className='landing-page__tab' key={category.id}>
<li>
<div className='tab-content'>
<img
src={category.acf.image.pirma ? category.acf.image.pirma : undefined}
alt={category.name}
/>
<p>{category.name}</p>
</div>
</li>
</Link>
))}
</ul>