This is a solution to the Base Apparel coming soon page challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page
- Receive an error message when the
form
is submitted if:- The
input
field is empty - The email address is not formatted correctly
- The
- Solution URL: [https://github.com/Nju4/email-form-card-with-simple-javascript]
- Live Site URL: [https://email-form-card-with-simple-javascript.vercel.app/]
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- javascript
I learned a lot from here, especially the javascript problem which I understand quite well but it is difficult to apply especially on the computer I use. I learned to use .value and how to connect a button from html to javascript.
I will practice more in this javascript problem, especially events and others that sometimes I forget to make.
- chat GPT - This helped me for explaining my code error and more
- youtube online tutorials channel
- CSS Generator
- Frontend Mentor - @Nju4