Background Images in CSS Grid

Hello! I am creating a portfolio site using CSS grid to showcase my work. I have created a grid and am using lightbox elements with background-images set on them. Everything looks fine in the designer but when previewing the live site, the images have almost no height. What’s going on here? Thanks!

Here is my site Read-Only:

Here is the live site:

@vonBurske - I have actually not used the CSS grid much, but you could just do it like this:

Hey @vonBurske, was the video helpful? Did you get this figured out?

Your slider elements don’t have any height set so… it is defaulting to something. Set the height and it’ll work.

1 Like

Hey @myonke thanks so much for following up! Yes, the video was helpful. I totally understand now that the containers for my images didn’t have any height so that’s why they looked weird. Thanks again!

1 Like

@dram Awesome, thanks for your help!