Bymas | Что не так делаю?

Есть стили css

css

   .menu { text-align: center; align-items: center; display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 100px 100px; grid-gap: 20px; }

И HTML

html

   <div class="menu"> <div><a href="/">Ссылка</a></div>

Не работает параметр grid-gap . С чем это связано?

OneRip (18.03.2020 в 11:12) Есть стили css

css

   .menu { text-align: center; align-items: center; display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 100px 100px; grid-gap: 20px; }

И HTML

html

   <div class="menu">   <div>  <a href="/">Ссылка</a></div>

Не работает параметр grid-gap . С чем это связано?

убери это. и что именно тебе нужно сделать?

Тихий (18.03.2020 в 11:20)
убери это. и что именно тебе нужно сделать?

Нужно понять почему не работает grid-gap прописанный в css. Он должен разделять ряды и строки. Но на выводе получается неразделённый вариант. Т. Е. Строки и ряды на веб страницы становятся слитными.

OneRip , на почитай
https://html5css.ru/edithtm/index.php

OneRip , grid-gap: 10px ряд 0px столбец;

OneRip , Попробуй так http://timbok.best/50

Provider , пост 4 там все есть