I'm Back! Made with CSS Grid and JavaScript vanilla
Design comparison
Solution retrospective
I'm back by popular demand. Or maybe not. Well, a couple of months of inactivity. A lot of changes in my life, but now we're ready to keep practicing.
I had this challenge almost ready when I took my unsolicited break. The most difficult still is posicionate the background in the right place. I don't think it quite match up perfectly, but it looks good, at least. If you can recommend me a better solution I'll be thankful and open to hear you.
I worked with grid for the page structure. For the JavaScript code, I created a helper function to check if the email enter by the user is valid, I tried multiple regex expression until I found out the one that satisfied the result I wanted to obtain. Then, I added styles conditionally using ternary operator because I didn't want to repeat myself too much. Plus: I added an indicator when the email is send successfully.
I hope you can review my code and show me improvements that I can make to my code. I'm all ears!
Community feedback
- @samanthewebdevPosted over 2 years ago
It Looks very nice. Great Job. Can i ask u in how long did u make this? Did u make this without any help all by ur self?
0@guztrilloPosted over 2 years ago@saman2620 Hey Saman, thanks for your comment. Yeah, I did this all by myself. Of course, I searched for the regex expression because I'm not expert with it, but the other stuff I did it by myself.
I have a couple of years since I started to learn, so every little knowledge you gain it will be useful in the future. I don't know everything, but I know that certain things and properties exists, so I only have to search if I don't remember exactly how it works.
0@samanthewebdevPosted over 2 years ago@guztrillo Ohh that's so amazing! if u don't mind can i ask do u work as freelancer?
0@guztrilloPosted over 2 years ago@saman2620 I haven't worked as freelancer yet, but I'm open to
1
Please log in to post a comment
Log in with GitHubJoin 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