Vanilla HTML and CSS, no JS

Hello, Jane! 👋

Well done! Your solution looks good and responds quite well! What i would suggest is:

• Take a look at <picture> tag. The <picture> tag gives web developers more flexibility in specifying image resources.

• There is no need to add flexbox for your .panel. U can continue using grid for that container while resizing to mobile. Just make your grid one column and position bg-image with position: absolute. Also you need to break your design to mobile sooner, the 375px is expected to be final width of design, and you add your media-quries for that width.

This is my approach to this challenge. Like most people here, I also learn but maybe you will find something good for yourself.

Good luck with that, have fun coding! 💪

Hi tediko, thank you for your comments; I will check out the picture tag and review the media breakpoint.