All solutions

What are you most proud of, and what would you do differently next time?

Im happpy that I finished this component.

What challenges did you encounter, and how did you overcome them?

Need some tailwindcss guidelines, which is available in the tailwind css website

What specific areas of your project would you like help with?

I would like to get sugesstions

What are you most proud of, and what would you do differently next time?

Im proud that I completed this challenge ☺️

What challenges did you encounter, and how did you overcome them?

I did not encounter any

What specific areas of your project would you like help with?

I would love to hear any suggestions

What are you most proud of, and what would you do differently next time?

In this project I used Tailwind CSS, and I learned how to modify designs for different devices and how to utilize the tailwind theme feature. In addition I also learned how to re-use styles on different elements.

What challenges did you encounter, and how did you overcome them?

Nothing much

What specific areas of your project would you like help with?

I would love to hear some suggestions.

This is my function for validating the email, but I don't have error message for validating an empty input field.

Javascript

subForm.addEventListener("submit", (el) => {
  el.preventDefault();

  if (emailInput.value.match(emailFormat)) {
    defaultCard[0].classList.add("hidden");
    successCard[0].classList.add("visible");
  }
});

This is the html

    <div class="input-wrapper">
          <input
             type="email"
              name="email"
              id="email"
              placeholder="[email protected]"
          />
          <div class="input-error-message">Valid email required</div>
     </div>```

How did you implement an error message when a user tries to submit an empty input field?

I used mask-image to change the color of an svg image linked as a background in css. But changing the color of an svg can also easily be done by changing the fill-color of each svg's, but I wanted to try something different.

I will update the arrangement of the links inside the footer.

I found it difficult to align the logo and the illustration-mockup. So I just didn't align them and I not sure if its fine. How did you aligned it?