Submitted 7 months ago

Conference ticket generator - React, Typescript, Tailwind

react, tailwind-css, typescript, vite

Sophie•430

@ippotheboxer

A solution to the Conference ticket generator challenge

Preview Code

Solution retrospective

What are you most proud of, and what would you do differently next time?

I'm proud of how close the design got, however I had to use a lot of absolute positioning on the ticket to get it right which was a bit frustrating to work with, so any input on better styling practices would be appreciated. The error and form validation is accurate.

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

The information icon couldn't be changed as it was, I had to use a website to convert the svg image file into an svg component. Inline styling is the only way to change the fill colour for the error state.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Sophie'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