Newsletter sign-up form with success message using EventListner

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

In my previous projects i mostly used padding and margin. But in this project i also used padding-inline , margin-inline , padding-block , margin-block.

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

In this project i struggled with setting the list marker. I used different approches like using list-style-image, (::before, ::marker) Pseudo elements etc. but nothing looked similar to the design screenshots.

After multiple trials and errors. I Finally found the solution by setting the "icon-list.svg" as background image and using padding to look like a list marker. While also looking much similar to the design screenshot.

.sign-up_list li {
  background-image: url(../assets/images/icon-list.svg);
  background-repeat: no-repeat;
  padding-block-end: 1rem;
  padding-inline-start: 2.25rem;
  line-height: 1.5;
}

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

Any Feedback will be appreciated.