Solution 1 :

Increase the line-height for the element you want to increase the distance between lines. Like:


for more info: line-height CSS

Problem :

I am still learning, but I have learnt enough to do HTML and implement some of the things that have been told on stackoverflow about HTML codes CSS and JavaScript. For the webpage the lines (above and below) overlap when seen on a mobile device but it is fine on a desktop or laptop. Please tell me how to correct it. Please also let me know how to make the links at the bottom just above the footer to have a background color which extends to 100% of the width of the screen


Comment posted by how to ask a question

please consider reading

Comment posted by symlink

By overlap, do you mean they overflow the width of the viewport, creating a horizontal scrollbar?

Comment posted by

I had not used a “line-height”