Skip to content
Submitted 3 months ago

Responsive landing page created using JavaScript

Peter Godspower•640
@TheBeyonder616
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 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

  • Yousef Attia•310
    @Deeperr0Posted 3 months ago

    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
    Peter Godspower•640
    @TheBeyonder616Posted 3 months ago

    @Deeperr0 Thanks I struggled to get the background right

    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