Background image
As you can see in the attached image i have a image which is moved towards right side and some of its part is showing .Can anyone tell me what is the best practice to do this as if i will use position absoulte than for every screen size i have to set it accordingly is there is a better way to position image like this
2 Replies
I mean, there's no magic bullet: every image is different so you have to adjust how it looks like to different device sizes.
Once you reach this point is no longer a technical issue but rather an art direction choice.
You could just edit the current image and cut out the currently visible parts, that's the new image. Then, position it against the top right corner for larger view widths.
For smaller screen sizes, you may want to use a smaller version of the original. Use the
<picture> element to let the browser which image to choose based on screen size.thanks