All solutions

I am happy I have been able to get this far. I struggled a lot with the background positioning of the patterns and then with the illustration woman and box. I decided to show what I have now and ask for help on how to properly do this.

My issue with the illustration for the mobile was having it stick to the top of the container even with different screen sizes. I used percentages in the absolute positioning for this but it did not seem to work past around 300px screen sizes and below.

The illustration box also does not stay in one place. I tried using position: fixed and it did not work as I wanted it to. I'll appreciate help on my positions for the different screen sizes. Also, feedback on accessibility is welcome.

I am happy to hear feedback on best practices. Also, did you use flexbox or grid? Why did you choose one over the other in solving this challenge? I'd want to hear your perspectives.

I enjoyed working on this. Would love feedback on best practices as always. Thank you.

I started the project mobile-first and I struggled a little switching from using <img> to background-image because I realized there had to be a change in images in the desktop view. I'd like to know if anyone used <img> all the way for both mobile and desktop and how you went about it. Also please feel free to point out any best practices I may have missed. Thanks.

I'm proud of the work I've done. What I'm worried about is if my code is up to the standards of best practices and I would want feedback on that.