Not Found
Request path contains unescaped characters
Request path contains unescaped characters
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

Workit Landing page built through HTML and CSS

Aayush Jha 380

@Aayush895

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


This challenge was a really interesting one as it involved designing a website that had curves which was something I did for the first time. I achieved the curved edges with the help of clip-path property in CSS. I know that we can do this with SVG as well but I couldn't figure it out so if you can provide some resources from where I can learn about it then I will be extremely grateful. Although I was able to make the website have curved edges for desktop and tablet I wasn't able to do it for mobile, so if anyone can provide me tips on how to achieve that then that will be great. I tried to make the website as close to the design as possible and also as responsive as possible. If anyone has any suggestions to write a better code or a better way to achieve the solution then please feel free to comment.

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