Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
8
Comments
5
Sean Hill
@seanhillweb

All comments

  • RicardoAymay•40
    @RicardoAymay
    Submitted over 1 year ago

    Learning NextJS and tailwind in this one.

    #next#tailwind-css#react
    1
    Sean Hill•240
    @seanhillweb
    Posted over 1 year ago

    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.

  • Jennifer•110
    @CrazyLightNZ
    Submitted almost 2 years ago

    Notifications page using html, css and javascript

    1
    Sean Hill•240
    @seanhillweb
    Posted almost 2 years ago

    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•340
    @kohicha
    Submitted almost 2 years ago

    Intro component with sign-up form

    #tailwind-css
    1
    Sean Hill•240
    @seanhillweb
    Posted almost 2 years ago

    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
  • Caramello•180
    @BuzzFizzer
    Submitted almost 2 years ago

    Newsletter sign-up form with success message

    #bem#sass/scss#typescript#vue#vite
    10
    Sean Hill•240
    @seanhillweb
    Posted almost 2 years ago

    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
  • Manuel Matus•70
    @ManudeQuevedo
    Submitted almost 2 years ago

    Responsive Newsletter Sign up form

    1
    Sean Hill•240
    @seanhillweb
    Posted almost 2 years ago

    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

Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub