Responsive profile card page

Hey there, Yudi Yoshida! 👋

Well done on this challenge! 👍 Your solution looks good and you've done a nice job in positioning the background images in this challenge (which can be a little tricky)!

The only very minor thing I suggest is to decrease the intensity of the box-shadow around the card component a little bit (as in the original design) and perhaps to use an <article> for the card itself (since it is a self-contained element) to bump up the semantics of your HTML just a little. 😉

As for flexbox vs. grid, I use both in my projects because they are both such wonderful layout tools. Flexbox is best used for two-dimensional layouts (like simple rows or columns) while grid is better for laying out things like cards (where there will be both columns and rows). I suggest picking the one that seems best for the job! 😀

Hope that helps a little. 🙂

Keep coding (and happy coding, too)! 😁

In my opinion it is valid to use both, but it all depends on what is going to be done, although the truth is that I use flexbox more. I use grid only when it is more complex or there are more elements to organize. greetings