Design comparison
Solution retrospective
The only thing I couldn't fix was a brief appearance of the mobile menu when I was changing the size from table to mobile.
Community feedback
- @ifarontiPosted 11 months ago
I think your solution is excellent!! The mobile menu issue doesn't appear when I used my phone to visit the page. I don't It's a bug to be fixed. You are only seeing it because you are resizing same device width. I saw it while resizing on my PC but not my phone. Your solution is Amazing! Keep it up!
On the other hand, I think it has to do with transition in case you are worried about it. Same thing worried me for a while durring this challenge.
Great work!
Marked as helpful0@cmcrawford2Posted 11 months ago@ifaronti Thanks! I'm done with it for now. I took the tutorial, but the end (technology page) was up to me, and it was very hard. I love how your planets spin!
0@ifarontiPosted 11 months ago@cmcrawford2 I almost gave up when I got to the technology page too. What I did was, I put them in different containers then used flexbox on them. I just used position absolute and right: 0; for the image then used marging/gap to move the numbers/description. Then for the mobile layout, I changed the img position to relative then used flexbox's order property(I think).
Thanks! I had to take a tutorial to learn how to do animations for the spin. took me a while. Good luck and happy coding!
Marked as helpful0
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