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/branalex94/coming-soon-page
- Live Site URL: https://branalex94.github.io/coming-soon-page/
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
I learned how to implement text animation as well as a way to render various images depending on viewport size.
I plan to keep learning how to handle forms and animations as well as rendering images on viewport size.
- Text animation resource - This helped me learn to animate a popup text on click.
- Frontend Mentor - @branalex94
- GitHub - @branalex94