![](https://res.cloudinary.com/dz209s6jk/image/upload/f_auto,q_auto,w_900/Screenshots/aezr4du0xhntfmzsl2jd.jpg)
☀️ Profile Card Component with HTML & Tailwind | BEM Notation | Vite☀️
Design comparison
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
- BEM Notation
- Vite
Hey there! Just wanted to share that I recently dove into using BEM notation for the first time, paired with Tailwind classes and Vite. It was definitely a bit of a challenge for me to wrap my head around the concept of BEM notation (wanted to give it a shot!), especially when it came to separating the classes and all.
Also, let me just say that the background part using Tailwind was... something else 😭. I didn't think it was going to be that difficult! I wasn't sure on how to apply two different background images using Tailwind.
Any friendly suggestions or tips for a fellow explorer? 🚀🌐💻
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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