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

workit landing page

P
Marc Francisβ€’ 600

@marcfranciss

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


**What did you find difficult while building the project? I find it difficult to set the cellphone between two divs. Also, setting up the twirly background images.

**Which areas of your code are you unsure of? I'm unsure of the approach to make the correct placement of the cellphone and the twirly background patterns.

**Do you have any questions about best practices? Definitely. Please advise on the correct approach on the said cellphone and twirly background patterns. Thank you!

Community feedback

P
Mohammed BAHNINIβ€’ 1,060

@mohammedbahnini

Posted

Hi there , I like your solution , but there are some notes :

  • For the filled button you could initialize it with a border , then i then hover state just change the bg-color to transparent .
  • The curved sections in the bottom not that close to the design file , you can check my solution for that .

Marked as helpful

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