All solutions

It took significantly more time than estimated to get this design about right.

My main challenges have been:

• How do I properly place the hero images?
• It is CSS Grid the best solution to use here?
• How do I design for a proper view on mobile? Should I start the mobile version and move up or do the opposite?

I had a lot of fun building this project.

I cannot manage to have a proper solution for the mobile menu. Can you suggest where to look?

I am not sure how to manage the two images (one for desktop and one for mobile). CSS? A hidden div?

To build the gray lines I used a little hack: Have a border-bottom of the same color of the background below the 'New' title in the sidebar and move it 1px. It is the right way to do it?

Feedback is very appreciated.

I have been unable to properly align the image icon, the plan info and the change link. I've tried using flexbox but not sure it is the right tool here.