Skip to content
Submitted over 1 year ago

Loopstudios landing page

Orton Bright•310
@ortonb110
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

Hi there 👋, I’m Orton and this is my solution for this challenge.

Built With:

TailwindCSS npm - prettier React.js I couldn't get the sidebar to have a dark backdrop and I humbly ask for help. Any suggestions on how I can improve are welcome!

Thank you. 😊✌️

Community feedback

  • Ayobami Ikuewumi•850
    @IkuewumiPosted over 1 year ago

    Hi Orton 👋. Great solution. And about your question on the backdrop. I think the best way to achieve this is using a pseudo-element on the header element and giving it a background color of your backdrop so that it is on top of everything, except the text, like say: #00000020.

    I hope this helps. Again, great solution. Keep coding 👍,

    Ayobami

    Marked as helpful
    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