Header elements writing over itself

HTML-CSS
1

Hi everyone;
I always get this header error
Capture

What i have done

h3{
  font-family: 'Girassol', cursive;
  font-size: 40px;
  line-height: 1px;
  word-break: break-all;
  text-overflow: ellipsis;
}
2

show all the code CSS and HTML

3

We need to interact with your code to be able to help. If it isn’t live, could you put it in a codepen? Right now I’d say that a line of text 1px tall is the real problem.
https://developer.mozilla.org/en-US/docs/Web/CSS/line-height

4

If no line-height value is specified or inherited, the line-height by default is normal. It usually is about 20% larger than the font size . For example, if the font size is 14px, then the line-height is about 16.8px.

In your code the problem is with line height, Increase your line height.

h3 element height = 18.72px

5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.