🍱 Bento Grid with TailwindCSS (Need help with grids!)

What are you most proud of, and what would you do differently next time? 🖼️ Background vs <img> Tag

I used to place images as backgrounds instead of using the <img> tag 🙈 — it felt easier to position them that way.

However, that approach actually brings more problems than benefits ⚠️. It often leads to poor responsiveness and accessibility issues.

Now, I use the standard <img> tag 🧩 so images adapt properly to the container 📐.
To crop any overflow, I apply overflow: hidden; ✂️ for a clean layout.

What challenges did you encounter, and how did you overcome them? 🔢 Grid Rows & Columns Struggles

When I started, I thought calculating the rows and columns would be easier 🤔 — and maybe it actually is.

But I ended up doing something I'm not entirely proud of 😅.
My management of rows and columns in the grid layout isn't the best 🎛️, though I believe the final result is still acceptable ✅.

What specific areas of your project would you like help with? 🙋‍♂️ Help Needed: Grid Layout

I'd love some help with the grid layout 🧩. I know there must be a more precise and effective way to handle it — both for the desktop and mobile versions 📱💻.

I'm open to suggestions whether it's with pure CSS or Tailwind CSS ✨. Any guidance on improving the structure and responsiveness of the grid would be greatly appreciated! 🙌