Skip to content
Submitted 4 months ago

Loopstudios landing page - HTML, SCSS, TypeScript, RWD

sass/scss, typescript
P
webdevbynight•530
@webdevbynight
A solution to the Loopstudios landing page challenge
Preview (opens in new tab)Code (opens in new tab)

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

Log in

Community feedback

  • P
    roswell•520
    @welpmoz

    Great work! The next step you can do is to add aria attributes to help screen readers understand while interactions occur.

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