Design comparison
Solution retrospective
Reviews will be appreciated, I was not able to add the background images on both mobile version as well as desktop version, as whenever I was adding the images I was not able to align the text over it and I was not able to position the background images to the top and bottom corner of the webpage, If someone can help me with this it would be great help.
Community feedback
- @mdagudoPosted over 3 years ago
That background images gave me headaches as well. I just submit my solution to this challenge and being able to see those images were really difficult. I even had to change the colors resolution of my screen! You can align those images with the property background-position but using units such as vw (viewport-width for left and right) and vh (viewport height for top and bottom) because they're relative to whatever viewport you have, even if you resize the browser. I recommend you to use mozilla dev tools so you can try values until you see something :)
0@AnanthkumaranPosted over 3 years ago@mdagudo thank you so much for reviewing my work, I'll definitely try background-position property and Mozilla dev tools.
0
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