Submitted 4 months agoA solution to the Dine restaurant website challenge
Responsive Dine Restaurant Website with JavaScript
P
@jezzydev

Solution retrospective
What are you most proud of, and what would you do differently next time?
I was able to make the images responsive by using the <picture> with multiple <source> tags to provide image options for the browser.
I was able to implement basic custom form validations using JavaScript regular expressions to check the user's inputs.
What challenges did you encounter, and how did you overcome them?I was tricky to get certain visual elements (eg the patterns) appear exactly at the same spot as in the design.
What specific areas of your project would you like help with?Tips and/or best practices on:
- getting elements to visually overlap while still keeping them responsive
- date and time input validation
Code
Loading...
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on jezzydev'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