Order Summary using tailwind-css, flexbox

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

I was stuck on the background image implementation using tailwind. I found it very difficult to change background image based on screen size and also doing it using tailwind-css. I saved the background images in the tailwind config file, but i put the relative path based on tailwind config file's location, but it should be according to output.css file's location. In my case, i used "./assets/path_to_img" instead of "../assets/path_to_img".

When i was stuck, i checked whether my img file is okay, then checked whether my classname bg-mobileBackground is getting defined in output.css. That's when i found that the relative path is the problem and solved it. It was really a great learning experience.