NO BUG: Carousel doesn't display images in a "fr" column of a css grid system

Browser: Brave latest
OS: Windows
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tools: birdeatsbug.com or jam.dev)

I am building a template for a custom post type (using Pods). When I go for CSS grid, in one column set as a fraction (2fr) the carousel doesn’t show up. It’s OK when using pixels instead of fractions or % or when switching to flex…

Here is a jam video… thank you for the recommendation.

https://jam.dev/c/b427e9e2-a596-4f06-9593-98ce0cb3c38d

Try minmax(0, 1fr) minmax(0, 2fr).

3 Likes

Nice. Thank you! Why don’t I spend one day learning the grid?

1 Like