Problem
Zwei Bilder sollen in GenerateBlocks nebeneinander stehen, gleichmäßig wirken und runde Ecken haben.
Die Lösung
Nutze ein Grid mit zwei Spalten und setze beide Bildblöcke auf 100 % Breite. Für ein einheitliches Erscheinungsbild erhalten die Bilder dieselbe Höhe oder dasselbe Seitenverhältnis sowie object-fit: cover.
Die Rundung kann direkt am Bild oder über CSS mit border-radius gesetzt werden. Auf Mobilgeräten die Spalten auf 100 % stellen, damit die Bilder sauber untereinander erscheinen.