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
Request path contains unescaped characters
Not Found

Submitted

Order summary solution

@EdoPito

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


Not any particualr question, I am getting the hang of creating this basic stuff.

But any suggestion is appreciated.

Community feedback

@catherineisonline

Posted

Nice! 🙌🏻

I would also add some transitions for active states (when colors change on hover). It creates more interactivity and makes the project looks cooler. Active states can be done on buttons, links, titles which act like links or anything else, you choose.

You can read more about it here, in case you haven’t done much of it:
https://www.w3schools.com/css/css3_transitions.asp

IF THIS WAS HELPFUL PLEASE MARK IT AS HELPFUL 🤩

Marked as helpful

0
Favour 2,140

@Nadine-Green

Posted

HEY EDOARDO!

I LOVE THE CREATIVITY OF YOUR SOLUTION NICE

But I couldn't help but notice that none of the active states are working, if this is unintentional, then I believe that you have to address this issue.

IF THIS WAS HELPFUL IN ANY WAY, DON'T HESITATE TO MARK IT AS HELPFUL :)

HAPPY CODING!

Marked as helpful

0

@EdoPito

Posted

@Nadine-Green Thank you for the feedback, I just visited the live website and they are working for me :) not sure what's going on?

0
Favour 2,140

@Nadine-Green

Posted

@EdoPito

Have you tried previewing it from this website directly?

0

@EdoPito

Posted

@Nadine-Green Yeah I did it from here!

1
Favour 2,140

@Nadine-Green

Posted

@EdoPito

Mmm, then maybe its a problem from my end, but if everything is working from your side, then I must say that I love your solution :)

0

@EdoPito

Posted

OOOOOOOPS I realised I havent removed the border ahaha , I used it to undesrtand where I was working in and forgot to cancel it afterwards.

0

Favour 2,140

@Nadine-Green

Posted

@EdoPito

I don't think it even necessary to remove it, it adds to the aesthetic honestly, but if you insist :)

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