Zdravím,
mám přehledovou stránku s obrázky, které jsou primárně na šířku, ale vyskytnou se tam i na výšku. Jak je vidět na obrázku, tak obrázek na výšku se roztáhne na plnou šířku.
Mým cílem je mít obrázek na výšku (poslední) stejně vysoký jako na obrázky na šířku. To jsem nyní dosáhnul tím, že jsem obrázku nastavil pevnou výšku (nouzové řešení).
Obalovací div (class ".row") má nastaveno display: flex a tudíž jednotlivé div.reference-list__item mají výšku podle nejvyššího divka (posledního).
Napadá někoho, jak by se dal obrázek zmenšit aby řádka byla stejně vysoká? Přes pevnou výšku obrázku bych to úplně řešit nechtěl. Web je responzivní a používám Bootstrap 4.
Díky za rady
Příloha 28027
mám přehledovou stránku s obrázky, které jsou primárně na šířku, ale vyskytnou se tam i na výšku. Jak je vidět na obrázku, tak obrázek na výšku se roztáhne na plnou šířku.
Mým cílem je mít obrázek na výšku (poslední) stejně vysoký jako na obrázky na šířku. To jsem nyní dosáhnul tím, že jsem obrázku nastavil pevnou výšku (nouzové řešení).
Obalovací div (class ".row") má nastaveno display: flex a tudíž jednotlivé div.reference-list__item mají výšku podle nejvyššího divka (posledního).
Napadá někoho, jak by se dal obrázek zmenšit aby řádka byla stejně vysoká? Přes pevnou výšku obrázku bych to úplně řešit nechtěl. Web je responzivní a používám Bootstrap 4.
Díky za rady
Příloha 28027