The spirit of Bootstrap (which is the css tool I am using, is to use the h1-h6 as a way to indicate size of headers.
the Body has a font size of 1rem, Any heading would then be higher .
The way to do things in bootstrap is to assign to text a h number according to the size we want.
these are the original values.
`h1, .h1 {
font-size: 2.5rem; }
h2, .h2 {
font-size: 2rem; }
h3, .h3 {
font-size: 1.75rem; }
h4, .h4 {
font-size: 1.5rem; }
h5, .h5 {
font-size: 1.25rem; }
h6, .h6 {
font-size: 1rem; }`
to sort out our imadiate problem, I have set H1, h2, h3 to 1.75.
H1 is too big and so forth:
The spirit of Bootstrap (which is the css tool I am using, is to use the h1-h6 as a way to indicate size of headers. the Body has a font size of 1rem, Any heading would then be higher . The way to do things in bootstrap is to assign to text a h number according to the size we want.
these are the original values.
`h1, .h1 { font-size: 2.5rem; }
h2, .h2 { font-size: 2rem; }
h3, .h3 { font-size: 1.75rem; }
h4, .h4 { font-size: 1.5rem; }
h5, .h5 { font-size: 1.25rem; }
h6, .h6 { font-size: 1rem; }` to sort out our imadiate problem, I have set H1, h2, h3 to 1.75.