This is a solution to the Manage landing 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
- See all testimonials in a horizontal slider
- Receive an error message when the newsletter sign up
form
is submitted if:- The
input
field is empty - The email address is not formatted correctly
- The
For this project, i designed it with mobile/small screens in mind first before considering larger screens. I tried my hand on Taiilwind CSS for this project. The project was built with the use of HTML, Tailwind CSS and vanilla Javascript. CSS flexbos property was used for most of the project.
- how to use the CSS frameowrk i.e Tailwind
For future projects i'd like to familiarise myself with Tailwind, i found it a bit confusing.
- Tailwind Documentation - This helped me get more information on the installation and use of Tailwind.
- Twitter - @Simplyvoda