Responsive web page with CSS flexbox and grid

What are you most proud of, and what would you do differently next time?

I'm proud of using the <picture> element to provide different images for responsive design and applying CSS Grid to create a two-column layout for the desktop version. I’d like to use CSS Grid more in future projects because it's well-suited for responsive layouts.

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

To provide different images for responsive design, I initially used the <img> element with the srcset attribute, but it didn’t give me the result I wanted. After reading the documentation about the <picture> element on web.dev, I found the solution.

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

I just wanted to understand why the layout for the desktop version didn’t work as expected with CSS Flexbox, but worked correctly with CSS Grid.