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

Sunnyside agency landing page

Lejla 130

@LejNur

Desktop design screenshot for the Agency landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I did this challenge mainly to practice Bootstrap, but I realize to create a pixel perfect design for a challenge, you need to override a lot of Bootstrap code and classes. At the beginning it was a complete mess and I wanted to give up so many times on Bootstrap, but I haven't, I persisted and (somehow) finished it ! :D Let me know what you think about this, what can be improved and where did I made mistakes. Especially for the Bootstrap part. Thanks :)

Community feedback

P

@bhoamikhona

Posted

This is such a great solution to the challenge. I know the frustration that goes into working with bootstrap. It looks like it will help you a lot but, when you start doing it, it's a huge mess. I am glad you persisted through it. I respect and appreciate that. Congrats on completing the challenge! 🥂

The one thing that I noticed that you might wanna fix is that in mobile view, when you open the navigation drop-down, the "contact" button turns invisible on hover.

Marked as helpful

0

Lejla 130

@LejNur

Posted

Thank you so much! I didn't notice until now the button on hover.. I will fix it asap :) Thank you once again and happy coding! 💐

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