Thank you for the free course! It's amazing, and I have to say, I didn't think there'd be this much content for it, but I've learned A TON!
Anyway, I was using chrome, and COULD NOT get the view button thing vertically centered. It ended up being because the image to fit inside the grid container when using chrome. It looks like it fits, but when you look at the devtools, you can see that it only looks like it fits because of overflow: hidden. I'm not sure what to do to fix it, I tried several things like setting max-height on the image, on the container, etc. I tried messing with overflow properties on all of the related elements, but nothing made a difference. I finally thought maybe it's not me and it's not just chrome and opened it up in Firefox and Safari to confirm that it was not me that had something wrong.
Thank you for the free course! It's amazing, and I have to say, I didn't think there'd be this much content for it, but I've learned A TON!
Anyway, I was using chrome, and COULD NOT get the view button thing vertically centered. It ended up being because the image to fit inside the grid container when using chrome. It looks like it fits, but when you look at the devtools, you can see that it only looks like it fits because of
overflow: hidden. I'm not sure what to do to fix it, I tried several things like setting max-height on the image, on the container, etc. I tried messing with overflow properties on all of the related elements, but nothing made a difference. I finally thought maybe it's not me and it's not just chrome and opened it up in Firefox and Safari to confirm that it was not me that had something wrong.Thanks again for the course. I love it!