Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I couldn't generate the scroll to look like this (- 0 +) and I couldn't generate the popup when clicking "Order Confirmed" :(
Community feedback
- @Daniuy3Posted 4 months ago
Yo, the "Popup" is called Modal a way to do it if youre using vanilla js and css is:
- create a div with a position fixed use top:0 , bottom 0, left 0, rigth 0, to fit it on the size of the screen:
.modal{ position:fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgb(0,0,0,0.6); `to make the background quite black and transparent` z-index: 3; `to make sure it's above everything` opacity:0; `to make it invisible at the begginin` }
- when you click the button just add or remove a class to this modal, that class should contain opacity 1 so that it should appear on the top, as the same way when you start a new order remove that class and that's all
I've just finished the same project here you have the link in case you want to see it: Project
Marked as helpful0@JoacoZunPosted 4 months ago@Daniuy3 thank you a lot for your review! I'll work on that :)
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