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

Responsive landing page created using JavaScript

@TheBeyonder616

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 was able to get the design right

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

Getting the right aspect ratio for the mobile image

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

Any advice would do

Community feedback

P

@Deeperr0

Posted

Great work! However maybe you can add a little bit of padding-top to your header. That way the navbar wont be very close to the top of the screen. So your css would look more like this .header { padding-top: 60px; min-height: 100vh; background-size: cover; background-color: rgba(0, 0, 0, 0.1); background-blend-mode: multiply; background: none; transition: background 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); }

Marked as helpful

0

@TheBeyonder616

Posted

@Deeperr0 Thanks I struggled to get the background right

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