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

Submitted

Workit Landing Page fully responsive solution

P
jambanix 90

@jambanix

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 am proud of managing to get the page fully responsive. I found this challenge quite difficult although I haven't been doing CSS for long. I am happy that I have completed it and can move onto the next challenge.

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

Getting the circle background bit to scale properly when the screen size increases and keeping the phone somewhat in line with it

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

I would like help with CSS grid - this was the first time I've used it. I was using grid-template-areas for all 3 sections (mobile, tablet and desktop) and for some reason it wasn't working on desktop properly. When looking on developer tools, the grid labels were correct but the elements were not

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