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

Responsive cards using plaine HTML, CSS and JS

Fabian 30

@FabianAlv

Desktop design screenshot for the Interactive rating component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


If you see my code on index.html lines 183 - 189 > was there better options to use instead of span? (I used it because of the display property "which at the end I changed") but maybe there is a better semantic option for it like checkbox or something?

If you see on index.html lines 168 - 169 I sorrounded my content inside a div so I could center the whole content section with flexbox > is this a good practicefor centering the whole content or should I've updated the sizes of the elemnts inside instead of doing this quick fix (this might be a dumb question but I am just curios)

Community feedback

@AlejandroMonterrosoC

Posted

Hi Fabian, I am in the middle of the challenge and need a hand with the background of the card, I explored a bunch of ways to do the radial gradient but nothing works for me, I saw your solution and you gave me the hand I needed.

About your first question, I'm using divs instead of spans, which I suppose isn't a bad practice one or other, but I hope you get feedback from some one with enough knowledge.

Great job man, keep working!

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