All solutions

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

It didn't take me long to do it. There may be some adjustments to the measurements and sizes, but I think it is satisfactory.

I couldn't (or didn't try?) to animate the numbers. I still don't know how to do it, if I can do it in pure CSS or with Javascript.

I was kinda long time without coding. The CSS Structure may be a mess, but it works. Any tips is welcome.

I think that the word Grid on the challenge title doesn't mean css grid itself, so i decided to make it flexbox since im learning it. I think that the code is pretty good, and the things that bother me is that the project wasn't so specific with the colors, so I used a few different ones, and the button has a not so nice shade and since I have little time, I left it the way it is. Any criticism? Ah, is the use of BEM correct in this project? I confess that I didn't study much about it, I just saw some people doing it that way.

The padding and margins inside the article-card__content is a little bit messy in full screen desktops. I need to set better proportions on the measurements, but i think that is ok for now. The biggest problem is that so far I haven't been able to make a functional share button, because I'm still learning javascript and the way this button is modeled is kind of confusing for me.

I learned that I should avoid manually setting the height of the elements, as it can break the responsiveness of the website. But I had a little problem: there's a big gap between the profile picture and the name that I couldn't figure out how to resolve.

I need to learn better how to scale page elements. I have the impression that I use percentage incorrectly. Perhaps my use of margin and padding is not correct either. But the way I did it, it works. I welcome suggestions, resources and criticisms to improve my code, mainly the CSS.

HTML part was easy. The problem started when i decided to make desktop version first. The CSS Code is a mess and incomplete; note that i need to add an overlay over the image, but i couldn't make it. Any help is welcome!

What did you find difficult while building the project?

-Finding the appropriate measurements for the screens

Which areas of your code are you unsure of?

-I'm not sure, maybe the measurements are wrong, but visually it works.

Do you have any questions about best practices?

-I want to learn better how to structure my CSS codes, mainly with selectors and inheritance.