All solutions

Still have doubts about when I should use height and width when making responsive sites with flexbox.

I used flexbox since I am more comfortable with it than using grid layouts. This was also a project where I used blend mode for the first time.

I used one value for blend mode because I couldn't get two values to work together. I wanted the darks to be darker but keep the light/whites as they are. Are there other properties to be used together with mix blend to improve the dark/light shades?

I also nested many divs in the stats portion first because I wasn't happy with the spacing limitation when using <ul> and <br>. Then when finishing the mobile and started working on the desktop design, I noticed I had to nest them again to be able to properly display the stats properly. Are there improvements in the HTML that could have helped to avoid having so many nested divs? Would of grid work better in this situation?

What I found difficult in this challenge was to use the drop-shadow / box-shadow property on the Proceed to Payment button. I tried both properties, but neither worked, and developer tools showed me an invalid property value triangle.

I also found this challenge easier to use flexbox instead of grid, as it was easier for me to size the elements. What tips or properties would have made grid work for this challenge?

Found issues trying to import google fonts, what changes or mistakes did I make?

What are some best practices to have divs be centered?