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.
Note: Delete this note and update the table of contents based on what sections you keep.
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: Solution URL
- Live Site URL: Live Site URL
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
Learnt more about DOM manipulation.
Responsive layouts using Flexbox and Grid
- Example resource 1 - This helped me with validating the email input with JavaScript.
- Website - Ronen Hammond
- Frontend Mentor - @RonenTGreat
- Twitter - @Ronen_T_G
- LinkedIn - Ronen Hammond