Problem Statement
When should you use .h1 versus real <h1> and when would you use .display-1?
Explanation
Use a real H one when the element is a true page heading. It defines document structure and helps screen readers. The dot h one class only copies the look. It is fine for decorative titles inside cards where a real heading level might not fit.
Display one is for big hero titles. It is a visual style that is larger and lighter. Use it when you want drama at the top of a page, but keep the semantic heading tag for structure.
Code Solution
SolutionRead Only
<h1 class='display-1'>Product</h1> <p class='h1'>Card title look</p>
