Skip to content
Submitted about 4 years ago

Loopstudios landing page

Jesús Alejandro Atao•970
@JesusAtao96
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

Hi all 👋

I decided to do this challenge with SASS, CSS Grid, Flexbox, BEM methodology and animations.

Bonus:

  • Grid Tracks names for layout.
  • Blur on image hover.
  • Hero image and footer background with pseudo-elements and CSS Grid.
  • Position absolute only on link hover.
  • Mobile nav only with CSS.

Any feedback is appreciated.

Happy coding 😊.

Community feedback

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

    Hi there, Jesús Alejandro Atao! 👋

    Nice work on this challenge! 🙌 I really the hover state of the cards in the "Our Creations" section and the transition of the mobile navigation! 👍

    Everything else looks good and responds very nicely! 👏

    As usual, keep coding (and happy coding, too)! 😁

    2
    Jesús Alejandro Atao•970
    @JesusAtao96Posted about 4 years ago

    Thanks ApplePieGiraffe! 😊

    1
  • Abhik•4,840
    @abhik-bPosted about 4 years ago

    Hi Jesus 👋 , Brilliant job on this challenge 👏👏

    • the animations are cool 😎👌
    • css only mobile nav works great 💯
    • I loved how readable and well managed your scss files are 🙌

    Happy coding 😇 & Keep contributing these Brilliant solutions 🚀

    2
    Jesús Alejandro Atao•970
    @JesusAtao96Posted about 4 years ago

    Thanks Abhik! 😊

    1

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