All solutions

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

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? 🚀🌐💻

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! 🌐💻

Hey there! I'm excited to share that I recently delved into the world of Tailwind CSS for the first time, and let me tell you, it's a whole new ball game compared to Bootstrap! The experience was both thrilling and challenging, but hey, that's how we grow, right?

I decided to take this plunge because I wanted to amp up my skills and get hands-on practice with Tailwind CSS. It's fascinating how it approaches styling in a distinctive way, and the learning curve was totally worth it.

The journey wasn't without its moments of head-scratching, but hey, that's what makes it fun, isn't it? I'm always up for a good challenge. Now that I've had a taste of Tailwind CSS, I can't wait to incorporate it more into my projects and see what other cool things I can create.

Here's to embracing new technologies, learning, and growing as developers! Have you ever tried Tailwind CSS? Let's swap experiences!

I struggled the most with fixing the image sizes for both mobile and desktop. In the end, I just decided to use "display: none" and "display: block" using media queries. I don't know if this is the best solution around, but it's what I found to work :)

Is there any better solution for this?