Design comparison
Solution retrospective
This was a deceptively challenging one. When I saw the designs, I figured this can't be that bad. And then when I started I found multiple wrappers for text, images going outside the container on different screen sizes and god knows what else. Will be definitely revisiting this project in the future once my layout skills improve.
Until then, any and all tips you might have to offer are highly appreciated :) Especially for making the image go outside it's container.
Community feedback
- @tspinjacPosted over 4 years ago
@OP :D That 'this should be easy' gets me every time as well ^^
As for picture going off screen, I'm aware of these (HTML/CSS wise):
- Translate (as you did)
- Negative margins (as @Diarrah suggested)
- Absolute position (avoiding this for some mayor layouts)
2 - @DiarrahPosted over 4 years ago
You did a good job, pretty spot on!
The way I did the picture going off screen was just to put a negative margin-left on the picture.
1
Please log in to post a comment
Log in with GitHub
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord