Skip to content
Submitted 4 months ago

Loopstudios landing page

kaoutar ouadih•800
@kaoutar-ouadih
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'm proud of completing this challenge!

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

I struggled with making the page responsive using tailwind.

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

Anything that can help me improve.

Community feedback

  • Amjad Shadid•790
    @amjadsh97Posted 4 months ago

    Great job! to prevent the weird behavior of header when you hover on nav items. I think you can make the border-bottom for the nav items already exist and when hover just change the color

    .item { border-bottom:2px solid transparent; transition:0.4s; } .item:hover { border-color:white; }

    Marked as helpful
    1
    kaoutar ouadih•800
    @kaoutar-ouadihPosted 4 months ago

    @amjadsh97 thank you for your feedback, I will change it for sure.

    1
  • Amjad Shadid•790
    @amjadsh97Posted 4 months ago

    one more thing on larger screen the background image will be small, so plz make sure to add this line: body { background-size: contain; }

    @kaoutar-ouadih

    0

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