How can I avoid the space between two <div> element in my new website ?

Question

I have made a simple webpage by sololearn and put some animation on it. But the horizontal gaps between div are annoying. How to fix it???Here is the code

https://code.sololearn.com/W4Hzx65aecsx/?ref=app

Answer 1

Did you try to put a negative number in the margin of the container? (in the css sheet)
like:

div_container{
margin: -40px;
}
maybe that could works...

Another thing: you need some space in the paragraphs, their are to close to the borders and that dont look nice (design tip)

Answer 2

I tried Gopal's suggestion...minus the padding...put

* {
margin: 0px;
}

before html, body then delete

div {
margin-bottom: 20px;
}

Answer 3

Thanks...Barcioni..its working...but due to the gradient effect..it dont mix with each other and looking weird..moreover thanks...If i will make another content i will definietely use it...I have also some idea..after the <p> tag i add empty <div></div> tag and then the horizontal line vanishes.

Answer 4

Add this to your css
*{
margin: 0;
padding: 0;
}

And remove
div {
margin-bottom: 20px;
}
from line 257

Answer 5

nothing happened

Answer 6

not working...i really need a fix

Answer 7

Soubhagya Ranjan Sorry this not work?

https://code.sololearn.com/W9WXwjZ3EAci/?ref=app

Answer 8

nothing happening bro

Answer 9

CSS

div {
display:inline-block;
}

Try this, if it does not work contact me and we will try something else :)

Answer 10

Change the parent font size to 0px

Answer 11

remove div margin-bottom and add:

div > *{
margin:0;
}