Hola, buenos días comunidad.

Durante algún tiempo hacía proyectos con el framework Bulma y recuerdo que me gustaba mucho la forma en que nombraba las clases de forma semántica, ejemplo: "is-relative" era una clase que aplicaba position:relative al elemento, etc. En fin, me gustaba la modularidad con la cual le aplicaba los estilos a los elementos (aunque por lo mismo, algunas veces terminaba con un elemento HTML lleno de clases)

Pero ahorita, estoy haciendo a manera de práctica un proyecto personal sin ningún framework, y me surgió la duda:

Supongamos que tengo un hero, un hero__container y a ambos los tengo con display:flex (más aparte otros estilos, por supuesto), mi pregunta es: ¿Cuál es mejor práctica? ¿Dentro del hero y hero__container aplicarle flex aunque repita codigo CSS, o solamente agregarle la clase "is-flex" a ambos aunque incremente el código en el HTML?

Ó, de alguna forma usar ambos tal vez?

Muchas gracias de antemano, espero haberme dado a entender. :)