Skip to content
Submitted over 4 years ago

First styled-components project

styled-components, react
Adler G Luders•1,580
@just-a-devguy
A solution to the Designo multi-page website challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I decided to use this project as a way to learn and work with styled components for the first time. I gotta say not the smartest idea I had but I managed my way around completing it. Please, please leave any feedback on ways I can improve. Also, if anyone knows how to deal with environmental variables in netlify, please help. I tried to the map section with Mapbox, got it to work locally but it would not work on Netlify. As always, #HappyCoding

Code

Please log in to post a comment

Log in

Community feedback

  • Emmilie Estabillo•5,600
    @emestabillo

    Hey Adler, congrats on this submission and working with styled components! Quite enviable to finish a guru challenge :-) Won't comment on React since I'm still learning, but it would be nice to have it handle the form submission. Seems to be using native validation for now.

    • With RWD, the smaller to mid screen sizes could be cleaned up a bit more. I noticed horizontal scrollbars and overlapping content on different pages - check out the project at 830px as an example.

    • Regarding accessibility: The buttons are better with their outlines for keyboard users.

    • Other minor stuff is the countries info on the contact page and the CTA section and are missing their circle backgrounds. And the social media icons could use hover states.

    Hope this helps!

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