Desktop design

Error state

Success state

Mobile design

Newsletter sign-up form with success message

<a href="https://www.frontendmentor.io?ref=challenge" target="_blank" class="text-[#3E52A3]">Frontend Mentor</a>

<h1 class="text-5xl  font-roboto text-[#242742] font-extrabold mb-7">Stay updated!</h1>

<p class="font-roboto text-[#242742] mb-7">Join 60,000+ product managers receiving monthly updates on:</p>

<label for="email" class="font-bold text-xs text-[#242742]">
  Email address
  </label>

<div class="text-[11px] text-center">
    Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank" class="text-[#3E52A3]">Frontend Mentor</a>. 
    Coded by <a href="#">Chyunjet</a>.
  </div>

mb-3">  <label for="email" class="font-bold text-xs text-[#242742]">  Ema

Please log in to post a comment

Community feedback

Flexbox, screen responsive and Tailwind

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community