Product Card Showcase: Responsive Design with HTML & CSS

This design is really nice and attractive, however as an absolute beginner it was quite challenging at the first place, but at the end of the day I did it. There were some unclear points when building projects, like how we name our element class names, when the project go more and more complex choose class names , id names will be challenging, so please if someone can provide me any idea about any element, class name conventions, that would be really helpful. And one other thing, when designing smaller size screen like mobile screen, adjusting main container height was very difficult for me, I had to reduce the height of the main container to see all the details of it's child elements. So this is what I have to say for now, your feedbacks will be very helpful to me to move forward as a developer, no matter what level you are at, do not be hesitate to give me some ideas, thanks.