Flexbox - Card

What are you most proud of, and what would you do differently next time?

In this project, I encountered a challenge where I needed to adjust the color of an image.

Initially, I thought the CSS filter property could be a solution, so I explored using filters to achieve the desired effect. However, I found that the filter property was not directly applicable to this specific use case, as it didn't allow me to set the exact color I needed for the image.

To overcome this, I instead created a container with the class name "overlay" and set the background color of that container to match the desired project color. This allowed me to achieve the visual effect I was going for, without relying on the filter property.

The second key thing I learned during this project was how to leverage responsive utility classes provided by Bootstrap. Specifically, I used classes like "text-center" to align text, and various flexbox-related classes to create a flexible and responsive layout. These Bootstrap utilities helped me implement a mobile-friendly design without having to write extensive custom CSS.

What specific areas of your project would you like help with?

Any feedback is appreciated