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
Note: Delete this note and the paragraphs above when you add your screenshot. If you prefer not to add a screenshot, feel free to remove this entire section.
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- px to rem - VSCode snippet
- A modern CSS Reset - This is a reset stylesheet I am planning to use in my following coding projects.
- Modern Fluid Typography Using CSS Clamp - This is an amazing article which helped me finally implement CSS Clamp for fluid change of font-size between screen sizes, while mixing rem and vw to express font-size. I'd recommend it to anyone still learning this concept.
- Website - spaprocki
- Frontend Mentor - @spaprocki