How do I scale image this way ?
I'm trying to clone this website
https://evoconference.framer.website/
But how do i manage the image, I'm trying adjust this image but it's not working.
Here is the codepen for this:
https://codepen.io/web-test-the-sasster/pen/VwRmPRX
Evoconference – Conference/Event Template for Framer
A one pager template for Entertaining companies aiming at striking their online presence with their events or conferences.
5 Replies
I'm trying to adjust image but setting width is not working
I have given a container a width of 100% but the image is shrinking when im changing the window
you're setting the image to 100%, but that's of the container which is set to 65%
that 65% is shrinking as you resize the window, because I think it's 65% of the body (I didn't see any widths on any of its parents from a quick look)
if you look at the image in the original site you linked, they just set its width in pixels with mediaqueries to resize it
if i use pixel it will not work properly
you'll have to use a fixed unit somewhere if you don't want it to scale with the viewport
doesn't have to be pixels, could be rems or ch or a number of other things
okay got it thank you