All solutions

I struggled with the CSS, namely with the positioning of the illustrations and making them overlap the card element.

Advice on how to make only the box illustration overlap rather than the box and women illustration would be really helpful.

I really need to learn more vanilla JS and DOM manipulation.

My CSS still needs a lot of effort, I know I am falling short on accessibility here so any helpful advice on things I can do to improve in this area ? or others based on my code would be great :smile:

Thanks in advance,

I set this one up as a react project and passed in the supplied data.json file with the data needed for the Summary section, passing props into a react component.

I styled it to the best of my ability trying to mimic the challenge mocks.

I would be interested in knowing how I could have styled this better? I used flexbox for the cards but maybe I would have been better to try and use grid for the summary card, I had some issues with aligning the image icon particularly.

Would also love any helpful pointers on making the react code better, I am also still pretty green in this area.

Thanks in advance for any guidance provided.

I would be interested in knowing if I could simplify my styling and layout. I would also be interested in knowing any areas I could improve and where I fell short of the design in the challenge.