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

Responsive space tourism multi page website

@matheusmantini

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


I had some troubles when applying responsiveness, because in each break point I had to change element's places. So I had to create custom mixins in sass, to solve this issue.

Community feedback

P

@Arteque

Posted

Hello Matheus,

There are some issues with your <a> tags and hovering behaviors. I think you have to use padding on the <a> tag elements instead of the <li> elements. Some images do not show up. Perhaps check the paths again. Keep it up. It's pretty nice.

Marked as helpful

0

@matheusmantini

Posted

Hi Arteque,

Thank you very much! I already fixed the images issues. The problem was with paths in the data source. About the issues with <a> tags, could you clarify what do you mean exactly? I haven't found anything wrong with them.

0
P

@Arteque

Posted

@matheusmantini Hi again! The hover effect on the <a>/<button>... tags should trigger when the cursor enters the background-colored area. For example, when I hover over the "Explore" call-to-action button on the start page, the cursor change to a hand when it's over the text "EXPLORE" itself, not when the white background is hovered. Hopefully, I've made my description clear! 😄

0

@matheusmantini

Posted

@Arteque. Oh, now I got what you said and fixed that issue. Thank you again.

1

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