hugo-shortcode-gallery layout not working properly with Congo theme

[sjohner]

What happened?

I was able to setup a hugo-shortcode-gallery with congo but struggle with the layout of the gallery. Above a certain resolution (width > 1023px) somehow the images of the gallery do not align as intended. Instead of being displayed as a gallery, they are simply displayed one by one below each other and the rowHeight parameter has no effect on the gallery anymore. Below width 1024px the gallery works as expected (see screenshots below).

I guess it has something to do with these lines of CSS

congo/assets/css/compiled/main.css

Lines 3138 to 3140 in cc5807b

	.lg\:flex-row {
	flex-direction: row;
	}

Commenting them out seems to help but I'm not sure what else this will break :-) Can anyone shed more light on this?

Theme version

v2.3.1

Hugo version

0.104.2+extended

What browsers are you seeing the problem on?

Firefox, Chrome, Safari

Relevant Hugo log output

No response

[jpanther]

Thanks for the report. I believe this is fixed by a84e004, which allows embedded content to fill the page area. Previously content was being truncated to the widest item on the page, which in your example is the text "Image Gallery 2022" and that is why the images are no wider than that text.