All solutions

I have problems with making the width 100vw for the smaller screens. It is showing an unnecessary white space for the smaller screens.

I'm having difficulties switching the image to the right side in the desktop view using flexbox. Any help will be appreciated. Thank you.

Just revised the grid layout

I wasn't given the color for the box-shadow property so I had to invent one. The background-image I was given was also different. All in all, it was a fairly easy challenge.

I don't think I have any specific questions but I believe detailing some of the challenges I faced may help another person who may want to attempt the challenge.

1. Try and learn the basics of properties such as min-height, min-width, and percentages before embarking on the project.
2. Learn how to center an image.
3. Learn the basics of CSS Flexbox as you may likely need it.
4. Use the font-size you're comfortable with.
5. Always believe in yourself when you experience challenges (I experienced a whole lot but I never gave up).
6. Breaks are allowed. Don't beat yourself up too much.

I wish you good luck in solving the challenge.