Skip to content
Submitted 8 months ago

Stats preview card component

matbac85•600
@matbac85
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

I'm happy with the result because I think it matches the design very well. What's more, it seems to me that the whole thing is responsive as it should be.

I absolutely must take the time to analyse the layout before I start coding. I think I'm jumping into challenges too quickly and I'm not anticipating everything.

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

Semantic tags. It's still not clear to me. Do you have to systematically put a ? Especially if there's no and ?

I'm often happy with the visual result, but is my code correct? clean?

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

If you can think of a better way of doing it, I'd love to hear from you.

Community feedback

  • Vishal Pawar•200
    @vishalpawarRPosted 8 months ago

    Open the GitHub and check how people are naming their repo name mostly abc-efg-xyz like this.

    Semantic tags have some specific meaning and they cant be used anywhere like header footer etc you can google and check them.

    I don't think there any issue in the coding style it is subject to personal preference and just name the class names in understandable way. Try using BEM methodology for naming convention of classes. website link: https://en.bem.info/methodology/

    0
    matbac85•600
    @matbac85Posted 8 months ago

    @vishalpawarR Thanks for your feedback.

    Following your comment, I've adapted my repository naming and opted for lower case.

    I'll look it up again. In any case, I try to use this type of tag rather than <div> or <span>.

    Thanks for the advice. I admit I've seen the BEM methodology on other people's projects and I've already looked at how to do it. If you look at my latest challenge, you'll see that I made a first attempt. I find the system simple and effective. I still need to look at the modifyers.

    Thanks again for everything :)

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord