Css grid problems

Beginners
14

Hi @kat

  1. Not sure who “Maz” is or when this was used, but the child combinator > is more strict than the descendent selector (a space). Basically, it just means only those images that have an element with a class of gallery as their direct parent. In your case it wouldn’t work because you have wrapped each of your images in a h6 element.

  2. The object-fit property needs the parent element to have a set-height. Right now, that is the h6.panel. Give this a height of 100%. Next, use object-fit: contain on your image, plus set the margin and padding to 0.

  3. Currently there isn’t a way to add a page manually to -pgbackup.

  4. Make the changes to your gallery and see if the pricing table problems persist.

As a side note/question. Why add your gallery images in h6 elements? It isn’t something I would think to do and I’m wrestling if this makes sense semantically. I think it is adding extra styling that might be making your job more difficult than using a div. I’m fairly sure a screen reader would choke hard.
Cheers,
Bob

1 Like