newsletter sign up page with error message

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

most proud:

• worked a lot more on javascript logic for the error state handling
• practised more with both my flex and grid skills
• managed to get most of the requirements done and close to design

what i would do differently next time:

• definitely spend more time on doing the javascript requirements before the css styling
• take all screen sizes into consideration when styling
• make a plan for the logic with pseudocode before starting to write the code

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

challenge 1 and solution: i went with mobile design first approach and at first failed to make it responsive for desktop version, how i solved this was through redoing the css and html structure and making a more responsive layout on mobile and expanding to larger screens

challenge 2 and solution: figuring out how to change the picture once we got to the desktop version without using a div and then just changing the background picture to the desktop one, how i solved this was through using the picture element and wrapping the default to the mobile img and then when the screen expands to 600px i have the source of the image of the desktop

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

specific problems i would be grateful for help in :

• i still have problems with creating responsive layouts with a mobile first approach and taking the larger screens in consideration, some advice on how i can make it look good for the mobile, tablet and laptop screen sizes

• any bad practises i implemented and some suggestion how to change that

• if my javascript logic is okay or was there a better way to achieve this