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

Order summary card solution With HTML & CSS flexbox

@romariojs94

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello, Guys! i am delivery the best of me in front end 💪.

Community feedback

@xvferdy

Posted

So cool 👌

Just add this little code so your button will have a hover effect like in the mockup:

#grow2:hover {
  text-decoration: none;
}

.card_footer > .link__order:hover {
  color: var(--darkblue-color);
}

Marked as helpful

1

Amon 2,560

@A-amon

Posted

Hello! Great work~

I will suggest just a few tiny changes:

  • Not every image need an alt value. For those you feel is not necessary to tell the user about, you can just leave it as alt="". 🥳
  • Change the h4 to h2 perhaps. Never skip the order. 😉 Reference

Yep, that's about it. 😀

1

Amon 2,560

@A-amon

Posted

@romariojdosantos Glad to help~

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