Good job! 🎉
With the following small fixes you can convert your project to mobile first and make it responsive: So for example in the class .main-content, add flex-direction: column and then play around with the max-width (e.g. 20rem) in both main and .product-image. Then, add a media query for desktop: @media (min-width: 1024px) { .main-content { flex-direction: row; } main { max-width: 57rem; } .product-image { max-width: 57rem; } }
Of course you may need/want to fine-tune further, but hopefully, the small adjustments above will be helpful to you.
All the best,
Christina
0
