how do i stop my content from sliding?

guys when i change the size of the window my 100%width image take more height space and makes my website slide down, how do i make it so i can keep looking at the same content instead of it sliding down?

b1mind•7/15/23, 8:29 PM

hard to say without a minimal example maybe put it in a codepen

b1mind•7/15/23, 8:30 PM

you could put a max-height on it and/or maybe use object-fit: cover

Bb1mind you could put a max-height on it and/or maybe use object-fit: cover

popopoOP•7/15/23, 8:49 PM

im trying to recreate a codesandbox but its not happening there in my other github sites its not happening either

popopoOP•7/15/23, 8:54 PM

@b1mind

popopoOP•7/15/23, 8:55 PM

when i change the size of the window all the content slides

popopoOP•7/15/23, 8:58 PM

diff view

Jochem•7/15/23, 8:59 PM

without seeing your code, no one's going to be able to help. It's best to share it in a way where it's easy for people to run, so something like codepen or codesandbox. If you can't, you can find instructions on how to share it in a code block in #How To Ask Good Questions @pepegangster

b1mind•7/15/23, 9:02 PM

looks to me like things are working fine xD but again use max-height and a object-fit: cover if you wanted to stop it from growing height but still fill. Like we have both pointed out though its all a guessing game without a demo/code.

popopoOP•7/15/23, 9:03 PM

so this is normal? no work around?

Jochem•7/15/23, 9:03 PM

remember also that users almost never resize their browser when using a site

JJochem without seeing your code, no one's going to be able to help. It's best to share ...

popopoOP•7/15/23, 9:03 PM

the codesandbox i tried to recreate it didnt happen although it was basically the same setup

popopoOP•7/15/23, 9:04 PM

https://codesandbox.io/s/peaceful-allen-n5tfzp?file=/src/App.js

b1mind•7/15/23, 9:04 PM

Normal? I mean you have to grow in height to grow width of a image without distortion so yes

b1mind•7/15/23, 9:04 PM

unless you are using cover with overflow or what not.

popopoOP•7/15/23, 9:04 PM

i dont want for all my content to slide tho, i find it kinda annoying

b1mind•7/15/23, 9:04 PM

slide?

popopoOP•7/15/23, 9:04 PM

i would like to keep looking at the content im focus on

popopoOP•7/15/23, 9:05 PM

yeah its make me look at other part of the window and have to scroll to adjust

popopoOP•7/15/23, 9:05 PM

i feel my user will get disoriented everytime they change window size

b1mind•7/15/23, 9:05 PM

again no one does that

b1mind•7/15/23, 9:06 PM

like Jochem said no one is resizing their windows over and over they either have it docked up to half the screen typically or full screen.

popopoOP•7/15/23, 9:06 PM

cool cool i guess its ok if i leave it that way

b1mind•7/15/23, 9:06 PM

but also like I pointed out I don't see it being any bad behavior its working responsively so

b1mind•7/15/23, 9:07 PM

or use my advice if you really don't want to it grow past a px amount

popopoOP•7/15/23, 9:07 PM

also on my github pages it doesnt happen but on my dev window it does, in another project

b1mind•7/15/23, 9:07 PM

again without seeing it we have no idea

popopoOP•7/15/23, 9:07 PM

yeah its ok tho

Bb1mind again without seeing it we have no idea

popopoOP•7/15/23, 9:07 PM

bro ty

JJochem remember also that users almost never resize their browser when using a site

popopoOP•7/15/23, 9:07 PM

ty fammers