Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Your session has expired please log in again.
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive landing page using Styled components, React, Vite

#react#styled-components#vite
Juan Caychoβ€’ 70

@jccaychop

Desktop design screenshot for the Interactive card details form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I would like to know if the components folder structure is correct, when using styled components

Community feedback

Kehindeβ€’ 660

@jonathan401

Posted

Hey there @jccaychop your solution looks great πŸ˜‡. I didn't look at your code because I've not started this challenge but I have a suggestion, I'm guessing you used an input of type text for the card number input field but since this is field is expected to only receive numbers you could consider changing it's type to number this in itself will provide a form of validation and will reduce the code you need to write to validate that field. As I said I only provided this feedback by just checking out your solution ☺️. Feel free to correct me if I'm wrong 😁.

Once again congrats on completing this challenge πŸŽ‰πŸŽ‰.

Marked as helpful

1

Juan Caychoβ€’ 70

@jccaychop

Posted

@jonathan401, thanks for the suggestion, and yes, that field should be of type number. But in the guidelines of the challenge, it was required that numbers and letters be entered and then we validate so that only numbers are received. Therefore, my solution was that way. I quite liked this challenge.

Have a nice day.

0
Kehindeβ€’ 660

@jonathan401

Posted

@jccaychop I get it now ☺️. Nice work on this challenge πŸŽ‰πŸŽ‰

0

Please log in to post a comment

Log in with GitHub
Discord logo

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