Flexbox, inclues, thuthy, new fromData, if

Solution retrospective
I am proud to have gone through a process where I am already finding it easier to take on more difficult projects.
What challenges did you encounter, and how did you overcome them?This code came entirely from my mind, which is why I had difficulties with typos. It's not something specific to this project; it can happen in others (though I hope it happens less or not at all). That was the challenge I faced in this project. In JavaScript, I had trouble with the if statements in the first function because I wanted to stop a function with return to execute the correct one, but if return is triggered, the function stops, and there’s more code below for responsiveness. I solved it by adding two conditions in the if for the invalid email message due to the lack of @.
What specific areas of your project would you like help with?I was thinking that these if statements could be done with a switch, but I considered the syntax, and it doesn’t work. So, I believe these if statements can’t be made more concise. As for the window.mediaMatch, I placed it inside the function, but I think keeping it separate might be a good idea!
Please log in to post a comment
Log in with GitHubCommunity feedback
- @hichamweblog
Great job tackling this challenge! 🎉
Here are some tips to improve it:
-
Test the webpage on various devices and screen sizes to ensure proper responsiveness.
-
Avoid using:
body { height: 100vh; }
Instead, use:
body { min-height: 100vh; }
- Try to minimize using fixed widths or heights to maintain flexibility.
Keep up the great work!
-
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord