How do I make my footer have no margin;

HTML-CSS
1

I want my footer to have no margin but it is not working with margin: 0px; or margin: none;.



footer {
  background-color: #121315;
  color: #a7a7a7;
  font-size: 16px;
}
footer * {
  font-family: "Poppins", sans-serif;
  box-sizing: border-box;
  border: none;
  outline: none;
}
.row {
  padding: 1em 1em;
}
.row.primary {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 2fr;
  align-items: stretch;
}
.column {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 2em;
  min-height: 15em;
}
.h13 {
  width: 100%;
  text-align: center;
  color: white;
  font-size: 1.4em;
  white-space: nowrap;
}
.uls {
  list-style: none;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
}
.lis:not(:first-child) {
  margin-top: 0.8em;
}
.uls .lis .al {
  color: #a7a7a7;
  text-decoration: none;
}
.uls .lis .al:hover {
  color: #2a8ded;
}
.about p {
  text-align: justify;
  line-height: 2;
  margin: 0;
}
input,
.buttonr {
  font-size: 1em;
  padding: 1em;
  width: 100%;
  border-radius: 5px;
  margin-bottom: 5px;
}
.buttonr {
  background-color: #c7940a;
  color: #ffffff;
}
div.social {
  display: flex;
  justify-content: space-around;
  font-size: 2.4em;
  flex-direction: row;
  margin-top: 0.5em;
}
.social i {
  color: #bac6d9;
}

.copyright {
  padding: 0.3em 1em;
  background-color: #25262e;
}

.copyright p {
  font-size: 0.9em;
  text-align: right;
}
@media screen and (max-width: 850px) {
  .row.primary {
    grid-template-columns: 1fr;
  }

}

<footer>
        <div class="row primary">
          <div class="column about">
            <h3 class="h13">AYLUS orlando</h3>
            <p>
              The AYLUS Orlando branch strives to use dedication and 
              innovation to unite and create an influence in the 
              community around us.
            </p>
            <div class="social">
              <a href="https://youtube.com/channel/UCE4edmuFWrUvQ5sfwajhgxw" target="_blank"><i class="fa-brands fa-youtube-square"></i></a>
              <a href="https://aylus.org/orlando-fl/" target="_blank"><i class="fa-solid fa-globe"></i></a>
            </div>
          </div>
          <div class="column links">
            <h3 class="h13">Pages</h3>
            <ul class="uls">
              <li class="lis">
                <a href="pages\about.html" class="al">ABOUT</a>
              </li>
              <li class="lis">
                <a href="pages\members.html" class="al">MEMBERS</a>
              </li>
              <li class="lis">
                <a href="pages\pics.html" class="al">PICTURES</a>
              </li>
              <li class="lis">
                <a href="pages\sites.html" class="al">SITES</a>
              </li>
            </ul>
          </div>
            <div class="column links">
              <h3 class="h13">Some Links</h3>
              <ul class="uls">
                <li class="lis">
                  <a href="#faq" class="al">F.A.Q</a>
                </li>
                <li class="lis">
                  <a href="#cookies-policy" class="al">Cookies Policy</a>
                </li>
                <li class="lis">
                  <a href="#terms-of-services" class="al">Terms Of Service</a>
                </li>
                <li class="lis">
                  <a href="#support" class="al" >Support</a>
                </li>
              </ul>
            </div>
          <div class="column subscribe">
            <h3 class="h13">Newsletter</h3>
            <div>
              <input title="COMMING SOON" style="cursor: not-allowed;" disabled type="email" placeholder="Your email id here" />
              <br><br>
              <button title="COMMING SOON" class="buttonr" style="cursor: not-allowed; background-color: grey;" disabled>Subscribe</button>
            </div>
          </div>
        </div>
        <div class="row copyright">
          <p>Copyright &copy; 2022 AYLUS orlando branch</p>
        </div>
      </footer>
2

is this a fCC challenge? If yes pls post a link.
If not, please post a link to your live code (Such as on codepen or jsfiddle)

3

No it is not I soled it it was a problem with my other divs in my websitr

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.