+ 1

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

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

11th Jun 2018, 6:51 AM
Soubhagya Ranjan
Soubhagya Ranjan - avatar
11 odpowiedzi
+ 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)
11th Jun 2018, 1:55 PM
Barcioni
+ 6
I tried Gopal's suggestion...minus the padding...put * { margin: 0px; } before html, body then delete div { margin-bottom: 20px; }
11th Jun 2018, 8:05 AM
MCJEH
MCJEH - avatar
+ 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.
11th Jun 2018, 2:03 PM
Soubhagya Ranjan
Soubhagya Ranjan - avatar
+ 2
Add this to your css *{ margin: 0; padding: 0; } And remove div { margin-bottom: 20px; } from line 257
11th Jun 2018, 7:10 AM
Gopal Gautam
Gopal Gautam - avatar
+ 1
nothing happened
11th Jun 2018, 10:47 AM
Soubhagya Ranjan
Soubhagya Ranjan - avatar
+ 1
not working...i really need a fix
11th Jun 2018, 1:40 PM
Soubhagya Ranjan
Soubhagya Ranjan - avatar
11th Jun 2018, 2:04 PM
KrOW
KrOW - avatar
0
nothing happening bro
11th Jun 2018, 7:15 AM
Soubhagya Ranjan
Soubhagya Ranjan - avatar
0
CSS div { display:inline-block; } Try this, if it does not work contact me and we will try something else :)
11th Jun 2018, 7:59 AM
Mason
Mason - avatar
0
Change the parent font size to 0px
11th Jun 2018, 10:21 AM
Toni Isotalo
Toni Isotalo - avatar
0
remove div margin-bottom and add: div > *{ margin:0; }
11th Jun 2018, 1:16 PM
KrOW
KrOW - avatar