Submitted 7 months ago

🔥 Blog preview card with HTML & Tailwind CSS 🔥

Jessica Arvizu• 180

@jessicaArvizu

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Blog preview card

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hello Front-End Mentor Community! I'm Jessica and this is my solution for this challenge! 😊

Built with:

HTML 🧾
Tailwind CSS 🎨
Mobile first workflow approach 📲
Perfect Pixel

Thrilled to be diving into the world of Tailwind CSS for the second time! 🚀 I'm on a mission to grasp all the fundamentals and weave them seamlessly into my tech toolkit. Embracing the learning journey as I strive to master Tailwind and level up my web development skills. Exciting times ahead as I explore the vast possibilities this powerful utility-first framework brings to my coding adventures! 🌐💻

Community feedback

Vincent• 190

@Vincent-Bouton

Posted 7 months ago

Hello Jessica! 😎 Very good, I see that you use the CDN of TailwindCSS. Tailwind bring also a lot with his configuration and can be much more powerfull with a good configuration. This is worth the time you invest to it. 👽 Keep the good work!💪

Marked as helpful

Jessica Arvizu• 180

@jessicaArvizu

Posted 7 months ago

@Vincent-Bouton Is it worth configuring all Tailwind things for just a single HTML page? :0 actually curious.

Vincent• 190

@Vincent-Bouton

Posted 7 months ago

@jessicaArvizu no not really LOL 😂, you're right! Altough Tailwind CDN is a bit heavy. For a single page using the Tailwind CDN can be a bit too heavy, by configuring it will only keep the class you used to get the tiniest CSS file and much more.

The configuring, once you get the hang of it, is really simple and doesn't need a lot of time. 💪

Marked as helpful

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord