HTML e CSS (Alguns elementos de BS4/MQ/FLEX)

What are you most proud of, and what would you do differently next time?

I was happy to complete the challenge despite the difficulties, I didn't reach the point I wanted, but where I left off left me very happy. I feel evolution :)

I think I would put a little more effort into the issue of alignments and adaptability (responsiveness) of the elements, without relying so much on pressing or pushing the elements in any way or in a way that makes it seem like it happened anyway.

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

I had a lot of difficulty with the button icon (which wasn't 100%, but it was functional!) and with the issue of positioning and responsiveness of the elements, I feel like I lack more skill, however, I'm happy with getting to the current point. where I stopped the project. Regarding overcoming difficulties, I will definitely struggle if I rely too much on external help, but there is definitely room for improvement.

What specific areas of your project would you like help with?

If you can help me with this:

Positioning of elements: Not related (margin: auto 0px / position: relative / text-align: center / flex-direction: center / justify-content: center) but in tips on how to orient myself around the screen and divide the application to the centralization. It would help a lot to have efficient tips :)

Responsiveness/Optimization of the use of Media Queries: I feel that I use it correctly, however, I realize that it is possible to improve and clean the code more. However, I lack knowledge.

Advice on the intelligent use of sections, articles and cards. Well, from an open point of view, with both you can do the same thing... But, when do you use them? When it's for news pages and the like and self-explanatory, however, when it's not... The question remains. Obviously I will look for it in the documentation in the future, but a technical explanation would be nice.