What are you most proud of, and what would you do differently next time?
I learned how to use the Chrome Debugger with JavaScript, how to use JavaScript for form validation, and how to use regular expressions and the test() method to check inputs(strings). Additionally, I learned how to work with CSS classes using JavaScript.
What specific areas of your project would you like help with?
When I input a correct email and click on the subscribe button. Use the email I provided and display it in the success message component instead of the default email [email protected] that you are always displaying.
When I click on the dismiss message button in the success message component. hide the success message component and show the newsletter form component.
However I noticed something regarding the responsiveness of your page.
You are using a breakpoint at 640px.
At exactly 640px screen size your design look compacted, you can solve this by using width: 100% on your main tag along with max-width
Check my solution to this challenge on how I tackled this.
Wishing you the best in your Tailwind learning journey!
Good work!
Try editing the code and place the dice button inside the card and give it absolute position then align it to the bottom center as in the design.
I noticed that you have used height 140vh on the main html element. you could use the min-h-screen Tailwind CSS class which translated to min-height: 100vh;
using min-height instead of height is better for responsiveness.