Sean Hill
@seanhillwebAll comments
- @RicardoAymay@seanhillweb
Great job! For your first Tailwind project, I think you have a good grasp of its capabilities. You mentioned in your comment about using functions for styling - are you referring to using media breakpoints?
Tailwind has pretty good documentation about breakpoints and screen sizes, you can find that here:
- https://tailwindcss.com/docs/responsive-design
- https://tailwindcss.com/docs/screens
Keep going! I think you have a solid understanding already.
- @CrazyLightNZ@seanhillweb
Nice job getting the "Mark all as read" functionality working. I would push this a little further by adding the missing styles; namely the unread background color and hover effects. Keep it up!
- @kohicha@seanhillweb
Hey there Kohicha, I saw your question about email validation, and thought I could leave this as a reference: https://stackoverflow.com/questions/46155/how-can-i-validate-an-email-address-in-javascript
Since you are using vanilla Javascript, I think this would be an avenue to explore! In the future, when you are learning a Javascript framework (React, Vue, etc.) there are additional libraries that will make that process much easier!
Marked as helpful - @BuzzFizzer@seanhillweb
I had a similar difficulty with transitions and CSS gradients. I found this article to be helpful and informative: https://fjolt.com/article/css-animating-transitions-gradients
However, I didn't use this approach for my solution either. This feels over engineered.
Marked as helpful - @ManudeQuevedo@seanhillweb
I've just completed this challenge myself! You can see my solution here: https://www.frontendmentor.io/solutions/newsletter-signup-form-with-success-message-hZ48WTQRXb
Some critiques I have for your layout based on the design:
- Your column widths are slightly off, the image is too large
- The padding around your content is too small
- Your email validation doesn't match
Overall, this is a good effort!
Overall, this is a