I'm having problems with some images in my project. They're not displaying the way they should.

So they're displaying in a pretty weird way. I want to display the image so that the dogs are visible and the image fits in the square, but it looks huge even tho I'm setting the width and height pretty low. I've already tried using grid instead of flexbox, playing with widths, object position, and object-fit properties. Can't seem to find the problem. Here's what's happening, how it should be looking, the codepen, and the repository (because all the images are local and it looks weird on codepen. There's a GitHub page on the repository). Thanks in advance (please ignore the non-responsive aspect of the page, I havent worked on that yet) https://github.com/Norwyx/chat-app-illustration https://norwyx.github.io/chat-app-illustration/ https://codepen.io/norwyx/pen/BabGzBM
GitHub
GitHub - Norwyx/chat-app-illustration
Contribute to Norwyx/chat-app-illustration development by creating an account on GitHub.
No description
No description
10 Replies
MarkBoots
MarkBootsβ€’9mo ago
the only thing you have to do img { width: 100% }
Norwyx
Norwyxβ€’9mo ago
It doesn't change]
MarkBoots
MarkBootsβ€’9mo ago
No description
MarkBoots
MarkBootsβ€’9mo ago
maybe try hard refresh
Norwyx
Norwyxβ€’9mo ago
And hard refresh was the problem I'm so dumb thanks bro
MarkBoots
MarkBootsβ€’9mo ago
no problem
Norwyx
Norwyxβ€’9mo ago
I closed my laptop this morning so when I got back from school i could fix it and I didn't know liveserver bugged like that thanks
b1mind
b1mindβ€’9mo ago
This is not the server for soliciting. #πŸ“rules If you want to help you offer it for free and keep it to the posts.
Norwyx
Norwyxβ€’9mo ago
Wait what happened bro
b1mind
b1mindβ€’9mo ago
someone trying to get you to hire them to do your FEMentor project for you πŸ˜‚ I'm going to close this since its solved and does not need a bump
Want results from more Discord servers?
Add your server