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

Loopstudios landing-page

Diogo 120

@diogomwbdv

Desktop design screenshot for the Loopstudios landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I'm learning the React basics and i found this project a good opportunity to give a "go" on the new knowledge i got. thanks for your feedback

Community feedback

@AmazingTool777

Posted

Good job already for tackling this challenge using React. 👍 However, looking at the screenshots' comparison, there still are some notable differences. I recommend that use a design tool such as Figma or Adobe XD to view the jpg files as they were on real screen devices, instructions on the screen sizes to choose can be found in the style guide. That way, you can approximate as accurately as possible the paddings, the margins, and the font sizes being used. Also, paying attention to the details is key. The background image at the top needs to be darker than the image provided in the starter and card images backgrounds should also be darker in order for the texts to be readable like in the design. I hope it wasn't too long. I recently completed this challenge too and I just wanted to give feedback on the things that I think that needs to be improved. No offense, it's just a genuine helping hand from me.

Marked as helpful

0

Diogo 120

@diogomwbdv

Posted

@ToolTra Thank you for your feedback :) I'll be improving those features for sure. Your work was on spot, congratulations!

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