CSS layout issues
there are three images the two of the are made-up images and one is I have to create.
how can I create this layout
4 Replies
Do you just want to lay the images on top of eachoter so they become one?
Or do you want to actually create the html/css within the screen of the phone?
yes I want to overlay the images, like the image the first image
in that case you need to make sure the ascect ratio of the content is the same as the phone screen. because now it does not fit. here an example of how you can do it.
place the phone as html image, and give it a background of the content image. scale and position the background in percentages so it stays together (you'll have to play with the exact numbers)
https://codepen.io/MarkBoots/pen/KKJZLRW
because the image is not exact enpough, i had to strectch it a bit. aslo the icons in the topbar are behind the camera region. so make sure your designs are sized correctly
it atually a slider that work when user click on next and previous buttons