Responsive Contact Form Using Vite, TypeScript, and SASS

Solution retrospective
I learned how to setup a typescript project in vite and also how to use sass to write less css code through rule nesting
Some code I'm proud of:
.query_wrap border: 1px solid vars.$gray_500 border-radius: vars.$spacing_1 padding: 0.75rem 1.5rem font-size: 1.125rem line-height: 1.5 color: vars.$gray_900 display: flex gap: 0.75rem align-items: center flex: 1 1 0% &:hover border: 1px solid vars.$green_600 label font-size: 1.125rem line-height: 1.5 color: vars.$gray_900 cursor: pointer &:has(input[type="radio"]:checked), &:has(.querytype_input:focus-visible) background-color: vars.$green_200 border: 1px solid vars.$green_600
What specific areas of your project would you like help with?window.scroll({ top: 0, left: 0, behavior: 'smooth' })
The accessibility
Please log in to post a comment
Log in with GitHubCommunity feedback
- @SimonHickling
This is very good work here. The only minor thing is that the original had an input:focus rule, giving the input fields a thicker and darker green outline. Apart from this, excellent work. I struggled with the radio and checked button icons, and ended up going about it a clumsy way, but yours seem perfect!
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