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

Есть стили 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 там все есть