how to make image fit the screen at the top of the screen?
sorry if I can't really explain things
How can I make a image 100% width and height stretch on the screen when entering a page, regardless of zooming in or out nor device resolution. But, if scrolling down, other elements will be there, the elements wouldn't appear behind the image
this is a good example of how I want it https://everybodyfitnessjomo.com/
as you can see, the image is at the top of the screen and regardless of how much you zoom in or out the image remains in the same position and same size. Also, even if entering from another resolution it's still the same.
and also, by scrolling down you can see that it's not fixed at the top of the screen anymore.
How can I make a image 100% width and height stretch on the screen when entering a page, regardless of zooming in or out nor device resolution. But, if scrolling down, other elements will be there, the elements wouldn't appear behind the image
this is a good example of how I want it https://everybodyfitnessjomo.com/
as you can see, the image is at the top of the screen and regardless of how much you zoom in or out the image remains in the same position and same size. Also, even if entering from another resolution it's still the same.
and also, by scrolling down you can see that it's not fixed at the top of the screen anymore.
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
