bonsak Comments - Answer Overflow

One point that comes up is reusability: Say you have a Call To Action container that you want to use in several contexts on your site, then it makes more sense to separate the spacing behavior away from the cta-container class. This makes it easy to use the cta-class unmodified in different contexts where you might need different spacing depending on your design. You could use combo classes and that

s related to the second point that comes up.

Readability in the Navigator.: As you know the elements first class name is the only one that is vivible in the navigator. Having 4 cta-containers in a row will only read as:

cta-container cta-container cta-container cta-container



Regardless of their combo classes. You would have to click on each cta-container to see its spacing configuration (combo classes). But if you used spacer div

s instead, the Navigator would look like this:

space-xs
cta-container
space-m
cta-container
space-xl
cta-container
space-xxs

This makes it easier to get an understanding of the structure of the design. Especially if you are handed a project that is made by somebody else. Or you are making a project that is going to be handed over to a client. And it makes it very easy to make global changes to the cta-container without first having to click on the "inheriting # selectors", selecting the base class, editing and then clicking "back" in the Style panel.

5 replies

WBWeb Bae

•Created by Kudz on 3/27/2023 in #❓︱questions

Hosting files online

Ive been trying out surge.sh lately. Super simple deployment from the command line. https://surge.sh/

11 replies

Gaming

Programming