Header elements writing over itself

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;
}


show all the code CSS and HTML

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

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

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