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

React typescript css module

Vincent 160

@Vincent-Wirwicki

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


What are you most proud of, and what would you do differently next time?

I learn alot about how to use a figma files as developer. For this project i use CSS module to change from the usual tailwind.

What challenges did you encounter, and how did you overcome them?

Read correctly a figma file at the first I did not see all margin padding value so I had to rewrite some of my css

What specific areas of your project would you like help with?

The google font bellefair seems bug

Community feedback

P
markus 1,940

@markuslewin

Posted

I think it's because Chrome sets font-weight: bold on headings. Bellefair doesn't have that weight, and so the browser tries its best to create its own thicker version of the font. font-weight: 400 should solve it!

Marked as helpful

0

Vincent 160

@Vincent-Wirwicki

Posted

@markuslewin Oh thanks! Your fix works, I didn't know about that default behavior from Chrome.

1

@Mahmoud-ElAgamy

Posted

Great work! However, after navigating from the homepage to destination page, I consistently encounter a 404 error if i reload the page.

0

Vincent 160

@Vincent-Wirwicki

Posted

@Mahmoud-ElAgamy thanks for your feedback! The issue was specific to netlify I added a redirect file in public folder and it solve the problems

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