Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Loopstudio Landing Page

P

@robcrock

Desktop design screenshot for the Loopstudios landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

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

@MesrouaDjamel

Posted

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
Discord logo

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