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.
10 Replies
the only thing you have to do
img { width: 100% }
It doesn't change]
maybe try hard refresh
And hard refresh was the problem
I'm so dumb
thanks bro
no problem
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
This is not the server for soliciting. #πrules If you want to help you offer it for free and keep it to the posts.
Wait what happened bro
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