Personal Portfolio Grids problem

HTML-CSS
1

Tell us what’s happening:
I’m trying to get my grids to display correctly but my project-tile-title is getting put in the grid gap instead of on the tile. I’ve forked my draft a few times and tried messing with it for a few weeks now but I’m still stuck.

I was hoping I could get a fresh set of eyes and some feedback

Your code so far
https://codepen.io/cbowers/pen/BazOWVv

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:82.0) Gecko/20100101 Firefox/82.0.

Challenge: Build a Personal Portfolio Webpage

Link to the challenge:

2

Try removing the height on the images, or set it to some fixed value like 360px or whatever (fixed value would be fine because of object-fit).

BTW, the first grid child is missing the class you have on the other children (project-tile).

3

It worked :smile:
Thank you so much.

I think what was happening, the image being 100% of the container was pushing the title out the bottom.

I was monkeying with the first grid child to try and find the problem so It’s wonky. I’ll make this change on the main branch.