I used basic HTML for the structure and styled everything with CSS
Design comparison
Solution retrospective
At first i couldnt really figure out how to position the "change" button to the right of the price. Though through some experimentationi was finally able to it. Unfortunately i didnt really like the look of it so in the end, i just removed it and kept only the price plan and the proceed and cancel buttons. I also didnt give my outermost div any background so it gives of the "transparent look"
Community feedback
- @ShreykrPosted about 3 years ago
You can use margin-left: auto property to push the cancel link to the right while all the elements in that grey rectangular area are within a flex container.
The issue I am facing related to this project is that they have given background images related to desktop AND mobile screens separately, and am not sure how to use the appropriate images for the respective device screens. As in, if we are supposed to detect the device and then use the images as such.
0
Please log in to post a comment
Log in with GitHubJoin 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