I notice a trend where people are creating classes for individual objects, such as:
.content-design {
display: flex;
justify-content: center;
color: white;
}
.image-design {
display: flex;
justify-content: center;
border: 1px solid white;
}<div class="content-design"></div>
<div class="image-design"></div>However, I have also observed another approach where classes are created based on attributes, like in Bootstrap:
.centered-elements {
display: flex;
justify-content: center;
}
.content-style {
color: blue;
}
.image-style {
border: 2px solid black;
}<div class="centered-elements content-style"></div>
<div class="centered-elements image-style"></div>