All solutions

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

I'm proud of accomplishing the whole challenge using React + Vite (which was VERY challenging for me 🫠). It's not perfect, but I believe it serves its purpose so I decided to upload it. Next time I want to learn Sass or enhance my skills in React.

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

I encountered many challenges, from building it with React + Vite up to deploying.. that's why I relied more on YT tutorials.

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

1. How to change an image/illustration when the screen size changes to mobile view
2. Error state input field
3. There's a huge white space appearing below the button when the user inputs invalid email (mobile view)
4. Footer not showing

Update:

• problems #3 & #4 are fixed, all thanks to @Code-Beaker 😍
• displays an error message if the input field is empty upon submission

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

I'm proud that I successfully did all the required actions/tasks in this challenge and I'm satisfied with the result. I will try to improve my media query coding next time.

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

How to make this look good and neat in all possible screen sizes. I somehow overcame it by putting a lot of CSS breakpoints.🥲

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

The bg-pattern doesn't cover the whole screen width when it's more than 1440px. I would appreciate some help. Thank you so much!

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

I'm happy it didn't take my whole day to finish the challenge. Think I should do a JS challenge next time.

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

I want to find a better solution for placing the elements in the center without the footer overlapping with the content when zoomed in. I ended up using the same code in my previous challenge, setting margin-top and margin-bottom to center the content vertically and it looks alright to me. Please let me know if I'm doing things right.

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

Right way of centering a div element. Thanks!

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

I'm proud of completing the challenge somehow close to the design. I like to build it using Tailwind next time.

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

I was challenged especially in the unordered list, since I'm not familiar with pseudo-elements. Big thanks to stackoverflow!👌

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

Is it better to build a landing page like this with tailwind rather than traditional CSS? Thank you.