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

Responsive landing page with flexbox and some cool techniques

Muhammadjavohirβ€’ 280

@Muhammadjewel

Desktop design screenshot for the Workit landing page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello everyone. This is my first finished challenge 🎊

The challenge overall wasn't that hard. Except for these moments:

  1. Rounded bottom of hero and features sections made me to look for several possible solutions. I think I could choose the optimal one.
  2. For the positioning of circle images I had one approach that I thought would be great. But at the end, I had to change it a little bit, because overflow related problem in hero section.

I would love to have your feedback about abovementioned two cases. Would you find it a good solution or can it be done in a more simpler/better way?

I live streamed the coding process from the beginning. In case you are interested, you may get acquainted with my coding workflow. Warning, the video is in Uzbek. But the code is universal language πŸ˜‰

Coding process videos playlist

Thanks in advance.

Community feedback

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