.mainMenu {
  display : grid;
  grid-template-rows: 1fr;  
  grid-template-columns:  repeat(auto-fill, minmax(100px, 1fr)) ;
repeat(auto-fill, minmax(100px, 1fr))

  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;

  align-items : center;
  list-style: none; /*убираем маркеры списка*/
  margin: 0; /*убираем верхнее и нижнее поле, равное 1em*/
  padding-left: 0; /*убираем левый отступ, равный 40px*/
  align-content : center;
}

.menuitem  {
     
text-decoration: none; /*убираем подчеркивание текста ссылок*/
color : white;
padding-bottom : 1px;
/*border-bottom: 2px solid white;*/
margin : 5px;
}

.mright  {

/*justify-content: right; */
text-align : right;     
/*margin-right : 10px;*/

}

.menuitem:active  {
text-decoration: none; /*убираем подчеркивание текста ссылок*/
color : yellow;
text-align : center;
padding-bottom : 1px;
border-bottom: 2px solid white;
margin : 5px;
}