Layout on a CSS framework - a lot of HTML tags or CSS rules?

Question

css

Good afternoon!
Faced the following dilemma.
UiKit framework, layout layout. UiKit has a huge number of predefined classes that generate CSS styles.
And I have two ways. Typesetting with classes in HTML, and at the output we will get bloated HTML and minimal CSS, or vice versa, minimally use UiKit classes and at the output we will get minimal HTML and bloated CSS, but then there is not much point in UiKit.
Now I'm doing it like this. In HTML classes, I make up positioning, alignment, flexes, etc., and in css I leave only the design - text color, font size, background color, etc.
How to typeset correctly and according to "Feng Shui"?

Answer 1

How to typeset correctly and according to "Feng Shui"?

- I work on the principle: take a framework - take the maximum out of it and follow the basic instructions of this framework, even if it will cause bloated code.
It will be much easier to understand in the future in a slightly more bloated code, but which was written according to all the rules of this framework, than in your 'light-concise' code, which you can't understand without a bottle...