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 workit landing page

matbac85 600

@matbac85

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 are you most proud of, and what would you do differently next time?

I'm proud to have taken the challenge all the way. The final result doesn't match the design to the pixel, but I've managed to find solutions to various challenges, such as positioning images in absolute position, positioning background images, creating a curve for the bottom side of a block, and so on.

What challenges did you encounter, and how did you overcome them?

It's really the image positioning that I didn't feel comfortable with. Now I've found the trick. I use the inspector and enter the data directly into the inspector to position more or less and it works.

What specific areas of your project would you like help with?

If you see anything incorrect, please let me know so that I can improve. I also find the use of BEMs confusing in a more complex challenge like this. If you see me misusing this methodology, don't hesitate to let me know.

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