Hi guys! This was my first challenge, I think I might have gone a little crazy with nesting the divs, and I could not get my font as thin looking as the one in the example. Overall, I'm really pleased with the outcome! Learned quite a bit as I made my way through the problem - looking forward to hearing back from you guys!
Congrats on submitting your solution!! Aside from the heading's font size, I think you can work on the cards' padding a little bit, so as to get your solution closer to the design. But that's just being picky =P, you've done great! keep 'em coming!
I still have trouble in setting media queries for portrait and landscape orientation when they have same screen size, let's say start from 600px.
For example, when the height of a box is 25vh (height: 25vh), it fits well in portrait mode. But within the same screen size on landscape mode, this height would be too small.
What is the better solution to fix this?
Thank you :)
Maybe try using vmin instead of vh, so whether it's portrait or landscape , the element should be sized propoetionally
