Testimonials Grid

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

While I’m still in the Skillcrush bootcamp, I’m going to build more side projects using the BEM methodology. This was my first time using BEM, and while it took a long time to write, the process taught me a lot.

What challenges did you encounter, and how did you overcome them?

I encountered two main challenges during this project:

Executing the BEM Methodology: This was my first time using BEM, and I initially struggled to differentiate between blocks, elements, and modifiers. I spent time asking ChatGPT to explain the concepts and validate examples I wrote, which helped solidify my understanding. By the end, I realized that BEM made debugging and maintaining my CSS much more manageable.

CSS Specificity and Debugging: Another challenge was resolving a CSS specificity issue. I noticed an inconsistency between the grid-column value in the Computed tab and my expected value. Upon inspection, I identified that the testimonial--white styles were unintentionally overriding testimonial--right, leading to layout issues. With ChatGPT's guidance on debugging techniques and CSS principles like specificity and cascade rules, I was able to isolate and resolve the problem using proper specificity.

This project was a collaborative effort between careful debugging, thoughtful questioning, and leveraging tools like the Computed tab and ChatGPT for guidance. These challenges helped me grow significantly as a developer.

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

I'm open to constructive criticism!