ReactJS with Node-Sass. (P.S.: Hover social media links)

Community feedback

• 

  Rafael Gallego•60

  @Rafa0729Posted almost 4 years ago

  Hi Diarrah, really nice job with the challenge!!

  The dropleft menu and hover state of the creation images and social media icons looks great, this ideas are looks really good for projects, I made this same project, you can check the solution at https://www.frontendmentor.io/solutions/loopstudios-landing-page-using-html-css-and-reactjs-xXxVQEUqY

  0
• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted almost 4 years ago

  Hi there, Diarrah! 👋

  Great to see you complete another challenge so soon! 😀 Nice job on this challenge! 👏 The custom favicon you added to the page is cool! 😎

  I suggest,

  • Adding a hover state to the navigation links in both the header and the footer of the page (as in the original design).
  • Darkening the background image in the hero section of the page to make the text in that section stand out more against the background. You could do so by adding a linear-gradient to the background of that section.
  • Perhaps increasing the font-size of the titles of the cards under the "Creations" section and changing the color of the text to pure white to make the text easier to see against the background of the cards.
  • The position of the menu icon and the close menu icon in the mobile layout seems to shift when the menu is opened/closed. I think it would be nice if the two icons were in the same place so that it would be easier for users to tap to open/close the mobile menu.

  Hope those pointers help. 😀

  Of course—keep coding (and happy coding, too)! 😁

  0