Skip to content
Submitted almost 4 years ago

Loopstudios landing page using HTML, CSS and ReactJs

Rafael Gallego•60
@Rafa0729
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Loopstudios landing page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Hello guys, this is the design I made, I hope you like it

I've used some effects for making sure the site shows images based on the viewport size and tried to get it looking as close to the design as possible.

Feedbacks are really appreciated, thanks! 😊

Community feedback

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted almost 4 years ago

    Hello there, Rafael Gallego! 👋

    Congratulations on completing your first Frontend Mentor challenge! 🎉 Good job on this one! 👏

    I'd like to suggest,

    • Allowing the backgrounds of the hero section and the footer to stretch to fill the entire width of the page on extra-large screens.
    • Adding text-align: start to the text in the introduction section of the site (as in the original design).
    • Changing the direction of the gradient overlay on the card from left-to-right to top-to-bottom so that the darker section of the card is near the bottom, making the titles of the cards easier to see and read (as in the original design).

    Keep coding (and happy coding, too)! 😁

    1
  • Rafael Gallego•60
    @Rafa0729Posted almost 4 years ago

    Thanks for your feedback ! It lets me see my area of opportunity to grow 😁

    0

Please log in to post a comment

Log in with GitHub

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