Skip to content
Submitted 4 months ago

Loopstudio Landing Page

#next#react#tailwind-css#typescript
Robert Crocker•410
@robcrock
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

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

I enjoyed coming up with interesting solutions to different layout problems.

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

There were some responsive challenges and still don't think I nailed it on the image position for mobile, but that could be something to revisit later.

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

I'd love tips to improve my responsive layout and the way I handled images.

Community feedback

  • Mesroua Djamel•430
    @MesrouaDjamelPosted 3 months ago

    hi congratulations for your work it is very close to the proposed design you can make some adjustment to make it more responsive :

    In your code you had put md:grid-cols-4 i think it's better to put md:grid-cols-3 and lg:grid-cols-4

    also for the InteractiveVRSection component you can try flexbox and the second div use translate-x and translate-y good work and have a great day

    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