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

Loopstudios landing page

#react#tailwind-css

@ortonb110

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


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

@Ikuewumi

Posted

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