Want to remove unwanted space between an image and a section

Question

guys so I am having trouble with removing spacing between an image and a section, I have tried setting margin and padding as 0, I have also tried padding with a negative px but nothing seems to fix the problem, please help me out with this issue as I have been trying to fix this issue for weeks. Here is the HTML code

<body>
<nav class="navigation-system">
    <div class="navigation-link">
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">Projects</a></li>
        </ul>
    </div>
    <div class="logo-position">
        <img src="images/logo_final.png" alt="logo" height="90px">
    </div>
    <div class="navigation">
        <ul>
            <li><a href="#">Contact Us</a></li>
            <li><a href="#">Login/Signup</a></li>
        </ul>
    </div>
</nav>
<img src="images/Group 1.png" alt="banner" height="680px" width="100%" class="banner-position">
<section class="about-us">
    <h1>about us</h1>
</section>

Here is the CSS Code

.about-us{
height: 500px;
width: 100%;
padding: 0%;
margin: 0%;
/* border: #45f3ff solid 2px; */
background: url(../images/about\ us.jfif);
background-repeat: no-repeat;

}

Here is what the website looks like with the current code

Here is the image Please Help me solve this issue, I have had this issue with my other website but I was unable to fix the issue. Thank you

Want to remove unwanted space between an image and a section

0 Answers0