Submitted over 3 years ago

Loopstudios landing page

Jesús Alejandro Atao• 970

@JesusAtao96

Preview site View code

This is a solution for...

HTML
CSS
JS

2junior

View challenge

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,565

@ApplePieGiraffe

Posted over 3 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)! 😁

Jesús Alejandro Atao• 970

@JesusAtao96

Posted over 3 years ago

Thanks ApplePieGiraffe! 😊

Abhik• 4,840

@abhik-b

Posted over 3 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 🚀

Jesús Alejandro Atao• 970

@JesusAtao96

Posted over 3 years ago

Thanks Abhik! 😊

Please log in to post a comment

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