Order summary component challenge - Solution using float ONLY

Hello everyone!

For this project, I decided to challenge myself with the rule of building this order summary WITHOUT using CSS grid or Flexbox! That’s what I did and instead, I only used CSS float. It was neither the easiest nor the fastest way to build the project but I'm glad succeeded!

I have a question about CSS classes. I understand now that it's always better to assign a class to an HTML element that we wanna style, even if we won't reuse it later. However I was wondering, are they specific rules or at least good practices when creating those classes? I have the feeling that there are so many different options, it's hard to choose!

Is it better to group elements by display, position, color, font...? Is there a priority?

Thanks a lot and... happy coding! Have fun :)