As a new programmer delving into the world of bootstrap 4, I'm faced with styling a footer column heading in two distinct ways.
The first method involves modifying the CSS file, such as:
.footer-heading-text {
text-transform: uppercase;
font-weight: bold;
}
Alternatively, I can achieve the same result directly in the HTML file using Bootstrap 4 classes:
<p class="text-uppercase font-weight-bold"> Heading 1 </p>
When it comes to code design, maintenance, performance, and other factors, is one approach superior to the other? What considerations should be taken into account when deciding between the two?
Starting off on the right foot is crucial for me, so any advice on this matter would be greatly appreciated. Thank you!