hover effekt bei flex-item

  • Hallo, ich habe ein Hover Effekt bei innewrhalb 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......