How to make div, hug the content

hi guys …

why is there always a small padding like space in the bottom of the div which that is supposed to hug the content … it is not coming from the paragraph padding.

I have tried justifying and aligning option but it didn’t work …

all I want is for that div to hug content :slight_smile:

Im obviously doing something wrong … just cant figure what :smiley:

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Howdy @Oliver_Music and welcome to the community! :wave:

Can you please include your read-only link so I can take a closer peek?

o wow … didn’t even know about that :smiley:

You’ve got a 10 pixel margin under the para.

1 Like

Like @Hywel mentioned, the default paragraph style adds a 10px bottom margin so that paragraph elements separate themselves from one another:

You can get rid of this for the specific paragraphs within this grid element by adding a class and making the bottom margin property 0 — just be sure to apply it to all of the paragraph elements within that grid:

1 Like