@brasspetals
Posted
Hi Pablo! 👋 Congrats on submitting another solution! 🎉
That image is tricky. There's a few different ways you could do it. Working with your existing code, you could try increasing the image width percentage. Then add a max-width
, so it doesn't get too big on larger screens. For positioning, you could use transform: translateX()
with a negative value in order to shift the image left. Something like the code below could work. Note: the vaules I've used are just for the sake of example and would need to be changed to match the design.
.computer-image {
width: 125%;
max-width: 1000px;
transform: translateX(-300px);
}
Marked as helpful
@PaliTriesToDesign
Posted
@brasspetals Hey Anna! I will try your suggestions. I really appreciate the feedback. Thanks a lot!