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.
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
- (WIP)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
- Solution URL: https://your-solution-url.com
- Live Site URL: https://juanisilva.github.io/manage-landing-challenge/
- Semantic HTML5 markup
- Flexbox
- CSS Grid
- Mobile-first workflow
- Astro - Astro is an all-in-one web framework for building fast, content-focused websites.
- React - JS library
- TailwindCSS - For styles
Building this landing I learned astro since it was my first time using it. Also learned to style list numbers markers which was a solution that I hadn't tried before (maybe it wasn't the best solution but my goal was to experiment with it)
I still need to finish the input validation and add some background images but I'm happy with the result I achieved. On the other hand, the slider needs some finals touches which I will try to find out how to fix the minor bug it has.
- Website - Juani Silva
- Frontend Mentor - @JuaniSilva
- Twitter - @Juani_Silva13