loopstudios-landing-page-main

Community feedback

• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted over 3 years ago

  Hey, yossef alatter! 👋

  Well done on this challenge! 👍 I like the hover states of the navigation links in the header of the page and the cards in the "Creations" section! 😀

  A few things I'd like to suggest are,

  • Making sure the background image of the hero section doesn't become distorted when the size of the screen changes (currently, it ends looking quite squished when the width of the screen becomes smaller). I think it would be worth using CSS background images to add and position that background image (since it is a decorative background image). If you do so, adding background-size: cover should prevent the image from being squished or stretched when the size of its container changes.
  • Darkening the background of the hero section (and perhaps the cards in the "Creations" section) so that the text content inside of those elements is easier to see and read (as in the original design). You should be able to do so by adding a linear-gradient to the background of those elements (and setting the color of the gradient to black with some opacity in it).
  • Decreasing the size of the cards in the "Creations" section (or creating an alternate layout where the cards are not so large) so that the cards aren't huge when the layout first changes from desktop to tablet/mobile.

  Hope those tips help. 🙂

  Keep coding (and happy coding, too)! 😁

  1