Submitted about 1 year ago

Order Summary Component Built with React & Tailwind (+WavyBackground)

tailwind-css, vite, react

FG-ABC•180

@FG-ABC

A solution to the Order summary component challenge

Preview Code

Solution retrospective

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

React errors: since react likes attributes to be in camel case, the svg kept showing errors at first. So I changed the following attributes in the hero svg.

change xmlns:xlink to xmlnsXlink

I also found it difficult to control. fit, and scale the svg hero, so I looked up a tutorial and learned how to deal with svgs with viewbox!

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on FG-ABC's solution.

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