This is a solution to the Meet 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 depending on their device's screen size
- See hover states for interactive elements
- Solution URL: Add solution URL here
- Live Site URL: Add live site URL here
- Semantic HTML5 markup
- TailwindCSS
- Flexbox
- CSS Grid
- Mobile-first workflow
✔️ How to actually use TailwindCSS LOL
✔️ Properly placing HTML elements and styling them based on given design
✔️ Messing with tailwind.config.js
to use custom breakpoints, colors, font sies and much more!
✔️ Making modular classes (buttons and shapes) through @apply
in index.css
✔️ Building tailwind for production by purging (from 2.89MB to 18KB!)\
- Tailwind Docs - Best place to learn tailwind IMO
- Frontend Mentor - @GStormx2