Dacă vrei ca aceste cadrane să fie mai discrete și să nu ocupe atât de mult spațiu pe pagină, am redus dimensiunile imaginilor și am compactat textul. Acum vor arăta mai mult ca niște „butoane” elegante sau cartonașe de navigare.

Iată varianta compactă:

„`html

„`

### Modificări cheie:
* **Lățime minimă (`flex: 1 1 180px`)**: Cardurile sunt acum mult mai înguste (de la 300px la 180px).
* **Înălțime imagine (`height: 110px`)**: Pozele sunt mai mici, lăsând spațiu pentru conținutul text.
* **Font micșorat (`font-size: 11px`)**: Titlurile sunt mai compacte pentru a nu forța cardul să se lungească.
* **Gap redus**: Distanța dintre cadrane a fost micșorată pentru a economisi spațiu pe orizontală.