How to remove this empty space?

Question

codepen link - https://codepen.io/karandixit24/pen/YzrQmdL `

    <div class="main-container">
        <h3 style="text-align: center;">Some of my past projects</h3>
        <div class="post-wrapper">`

please help the buddy out!

I don't know how to help you if we can't see the stylesheets — Victor Alvarez, Dec 20 '21 at 16:49
That's `top-margin` of the h3 element, you may remove that margin from `h3` or add `overflow: hidden;` to `div.main-container` in order to make it grow to the top margin of its first element. — DanieleAlessandra, Dec 20 '21 at 16:50

score 2 · Answer 1 · answered Dec 20 '21 at 16:50

Your issue is caused by the default vertical margin of the h3 element - setting that to 0 removes the offset:

h3 {
    margin-top: 0;
}

You can prevent issues like this by including a reset stylesheet, for example normalize.css. I'd also recommend reading up on this topic, for example here.

How to remove this empty space?

1 Answers1