This is a solution to the Multi-step form challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- Complete each step of the sequence
- See a summary of their selections on the final step and confirm their order
- View the optimal layout for the interface depending on their device's screen size
- See hover and focus states for all interactive elements on the page
- Solution URL: Solution URL
- Live Site URL: Live Site URL
- Semantic HTML5 markup
- Flexbox
- CSS Grid
- Mobile-first workflow
- Alpine.js - JS library
- Astro - Agnostic web framework
- Tailwind CSS - For styles
In this project I used astro and alpine.js for the first time. I learned how to integrate astro and alpine to create a dynamic application using alpine directives.
- Website - xsrpm.github.io
- Frontend Mentor - @xsrpm
- Twitter - @xsrpma