Huddle Single Introductory Section 🎯 [ SEMANTIC HTML - TAILWIND CSS ]

👾 Hello, Frontend Mentor Community,

This is my solution for the Huddle Landing Page with Single Introductory Section.

• It's been the first time using Tailwind CSS along with yarn as package manager 🛠️
• Used Prettier code formatter to ensure unified code format ⚙️
• Scored 99.125% on Google Pagespeed Insights! 🤩
• Solution with 99.9 Percent Accuracy 🎯
• Layout was built responsive via mobile first workflow approach 📲
• Had a lots of fun and pain building this challenge ! 🥲

Now for the questions :

• Regarding, css optimization for production. I tried tailwindcss's --minify for css code reduction. but it ended up with removing the manual style i wrote on input.css
• But surprisingly the apply directives won't get affected but manual css does
• At last i used an online css minifier for production, So i want to know why --minify purges manual css on input.css file
• And, This is for the first time i using Tailwind CSS so apologizing for to many arbitrary values to attaining so called Perfection
• Finally, Feel free to leave any feedback and help me to improve my solution (or) make the code clean!

.

👨‍🔬 Follow me in my journey to finish all newbie challenges to explore solutions with custom features and tweaks

Ill be happy to hear any feedback and advice !