This is a solution to the Officelite coming soon site 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
- See error states when the contact form is submitted if:
- The
Name
and/orEmail Address
fields are empty - The
Email Address
is not formatted correctly
- The
- Bonus: See a live countdown timer that ticks down every second
- Bonus: See a custom-styled
select
form control in the sign-up form
- Live Site URL: link
- Semantic HTML5 markup
- Tailwind Css
- Mobile-first workflow
- React - JS library
- Tried to build perfect layout.
- Learnt to apply custom styles to the dropdown.