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!
