Frontend Mentor | Stats Preview Card Solution coding challenge solution

Solution retrospective

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

I am most proud of myself for completing this challenge. I had to go upskill my HTML and CSS knowledge, but it was definitely worth it.

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

I think the challenge I encountered was how the image was to stack on the stats component in the mobile view, but I was able to do that using flex direction: column-reverse.

Community feedback

Alex• 3,130

@Alex-Archer-I

Posted 3 months ago

Hi there!

Congrats, it's look cool =) Glad to see your progress!

That's great that you find this overlay thing. I suppose you can make it with pseudo-element as well (it's spare you from unnecessary tag). Do you already familiar with pseudo-elements? I mean ::before and ::after.

Oh, and speaking about unnecessary tags - you can get rid of .container div and use main instead.

Keep going, you doing great =)

Marked as helpful

Uche Ofatu• 260

@Macnelson9

Posted 2 months ago

@Alex-Archer-I Oh I think I have to go study the pseudo elements a little bit and practice using them. Thank you for your suggestions and corrections. I'm super glad!

Alex• 3,130

@Alex-Archer-I

Posted 2 months ago

@Macnelson9

Yeah, sure, that's not mandatory, but when you mastering them it'll be super helpful =) I even use them to create simple buttons (like "X" for close button or "hamburger") without loading extra images.

Marked as helpful

Uche Ofatu• 260

@Macnelson9

Posted 2 months ago

@Alex-Archer-I Oh okay then. I'll definitely learn how to use them.

Stats Preview Card Solution

Design comparison

Solution retrospective

Community feedback

Please log in to post a comment

Join our Discord community