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.
Responsive web page, with a button, several images, and javascript email input form.
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://your-solution-url.com
- Live Site URL: (https://jodepp.github.io/base-apparel/)
Build HTML, CSS , JSS
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
- Vanilla JavaScript
A little big of everything. I mostly learned that I need to come up with my own way of setting up my projects and websites because there are so many ways and mix them all together doesn't work.
I will head over to JS land and work on learning more JavaScript. There are still many issues with this but I'm going to move on for now.
I used sooo many resources. https://www.w3schools.com/ is my go to resource Also, looking at other peoples solutions however they are all so differnent it is almost not helpful. @Prince on Frontend Mentor, his solution was the best out of the dozen+ I looked at.
- Website - Jody Depp
- Frontend Mentor - @yourusername -https://github.com/JoDepp
@mastan @mäxferret @GraceSnow on Frontend Mentor for helping me with problems.