Submitted 9 months ago

Loopstudios landing page - HTML, SCSS, TypeScript, RWD

sass/scss, typescript

webdevbynight•530

@webdevbynight

A solution to the Loopstudios landing page challenge

Preview Code

Solution retrospective

What are you most proud of, and what would you do differently next time?

I used the Intersection Observer API to animate some elements when they appear within the viewport.

What challenges did you encounter, and how did you overcome them?

For each card of the “Our Creations” section, I wanted to place the link text over the image without using absolute position. I overcame it using grid layout and placing the image and the link text in the same grid area.

What specific areas of your project would you like help with?

Do not hesitate over giving feedback about how I implemented the way the menu appears on mobile view.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on webdevbynight's solution.

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