Design comparison
Solution retrospective
I have to say I'm proud to have reached the end of this challenge. It's not perfect, but it's not bad :)
I still have some difficulties with CSS concepts such as:
- min-width and max-width.
- element size in general
- responsive in general
I must admit that it's not easy to do "pixel perfect" without figma files.
and HTML structure:
- How do you build a form with inputs like these and avoid using div tags?
Also, placing this button above this line has given me new white hairs.
I'm just starting out in Vue.js, but I need to improve for my internship at the end of June. If you have experience with this framework, please don't hesitate to give me feedback or advice.
Community feedback
- @mseidel819Posted over 1 year ago
Looks nice! I'm giving myself a crashcourse on Vue, and I'm glad I found your app to help guide me!
I noticed that your validation doesn't account for string inputs. Some solutions might be:
- turn the form inputs into
type="number" - add a check in your validator to throw an error if input is a string
- (more complex) find a way to validate the month input so it can accept 1-12 OR the month name. That could be tricky because of the variations: Jan, January, etc..
as for your question "How do you build a form with inputs like these and avoid using div tags?", My intuition says its ok to use the
<div>like you are. I've seen it done in credible tutorials. Does the HTML accessibility checker on here give you an error?0 - turn the form inputs into
Please log in to post a comment
Log in with GitHub
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