Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Cris Crawford's Space Tourism Site

P

@cmcrawford2

Desktop design screenshot for the Space tourism multi-page website coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

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

P
ifaronti 580

@ifaronti

Posted

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 helpful

0

P

@cmcrawford2

Posted

@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
P
ifaronti 580

@ifaronti

Posted

@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 helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

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