Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Card Component

Sora_9801 90

@Sowaiba-01

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi! This is my second solution on FrontEnd Mentor. I have designed a Card Component challenge using Flex, Grid and CSS animations. Any suggestions are highly appreciated.

Community feedback

@omiras

Posted

Hi Sora,

Good implementation overall! Sections are well distributed and there is a clever use of flex and grid.

Some suggestions:

  • Consider using the "gap" property to move each item away from the other in the stats section for mobile view: https://oscarm.tinytake.com/msc/NzcxNDk3NF8yMDczMTkyNw
  • You could also use a CSS naming convention of your choice to make your CSS names more consistent: https://dev.to/ziizium/css-naming-conventions-5gd6

Great work!

Marked as helpful

0

@VCarames

Posted

@Sowaiba-01

Unlike the challenge the other that you have now deleted, which was an exact copy, this one is definitely inspired by @correlucas solution.

https://www.frontendmentor.io/solutions/stats-preview-card-vanilla-css-custom-design-text-animation-RfGBFlMpwK

He used custom colors for his challenges, the same ones you are using.

While there is nothing wrong with taking inspiration, it’s is best practice to give credit to the person who originally created it.

1

Sora_9801 90

@Sowaiba-01

Posted

@vcarames The previous design was entirely made by me. I took inspiration from the design already created. I thought it was great and difficult to be done. So, I took it as a challenge to do that. I am really sorry. I didn't know it will result in copyright issues. I will take this into consideration for any future challenges. Thanks, for highlighting this.

0

@VCarames

Posted

@Sowaiba-01

There’s nothing wrong with taking inspiration or wanting to replicate a design, as long as you give credit to the original creator and state that you took inspiration from it in your submission.

When the following is not done, it’s disrespectful to the original creator, since they spent countless hours brainstorming the design and creating it. Giving them their due credit is best practice.

1
Lucas 👾 104,420

@correlucas

Posted

@vcarames thank you bro for tagging me, at least in this way I can see who I inspirated 😂 I dont know why but this situation is happening quite often here 😂

0

@VCarames

Posted

@correlucas

Bro, it is so crazy! I’ve seen so many… fortunately, they take down as soon as I comment on them.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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