This is a solution to the Fylo dark theme 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
- Live Site URL: Demo
- ViteJs
- Typescript
- CSS custom properties
- Tailwindcss
I learned so many things in this challenge :
- lighthouse improvement (title on link, respect of title element order, ...)
- grid usage about
col-span-x
- typescript usage on HTMLInputElement
None ideas about to improve this challenge. Let me know your feedbacks if you want any improvements 😇
Start the project in local :
npm run dev
Build the project for production :
npm run build
- icones.js.org - It's an amazing website which regroup all of free icons. You can download each of them in differents formats 🚀
Thanks Frontendmentor for this really cool challenge ❤️