Hover Effekt mit derselben Größe

[Catalina]

Hallo, ich habe ein Hover Effekt bei innerhalb einer Flexbox in flix-item gebaut - funktioniert auch alles aber ich würde gerne das der hover effekt immer dieselbe größe hat... leider bin ich bis jetzt noch auf keine lösung gekommen. Danke schon mal im voraus für eure Hilfe. Hier der Quelltext den ich erstellt habe:

.flex-container { display: flex; flex-wrap: wrap;
}

.flex-item { width: 160px; margin: 5px; text-align: center; line-height: 20px; /*Abstand innerhalb der Schrift*/ font-size: 14px; font-family: Verdana;
}
.flex-item :hover
{ background:#eee

}

-----

Mit width und height angaben komme ich da irgendwie nicht weiter......
also das Ziel soll so aussehen das der hover effekt gleich gross ist wie ein viereck wo man die größe dann selber bestimmen kann

 

[Gelöschtes Mitglied 36401]

Mit den paar Zeilen CSS-Code kann man dir nur schwer helfen. Ein Link zur Seite wäre nicht schlecht.

 

[Catalina]

https://www.og-elbbruecke.de/test/test.html

 

[Catalina]

das hat geklappt habe es zwar noch umgeschrieben
.flex-item :hover
{
background-color: #eee;
display: inline-block;
width: 100%;
height: 100%;

}
aber funktioniert jetzt wie ich mir gedacht habe !!!! DANKE FÜR DIE HILFE !