Having a bit of trouble with CSS

Coding Help
1

Hello,

I am having a few issues with the CSS on my site, https://riverside.rocks.

How can I remove the black space I am getting?

This is my CSS:

body{
  background-color: black;
  color: green;
  font-family: consolas;
  background-image: url("https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Fwww.securitronlinux.com%2Fwp-content%2Fuploads%2F2013%2F10%2FScreenshot.png&f=1&nofb=1");
  /*
  https://media3.giphy.com/media/xT0BKhSFZCoW193aoM/giphy.gif?cid=ecf05e4778475163613dfe2d4811dad05ea538b71a1717c5&rid=giphy.gif
   */
}
div.container{
  width: 50%;
  background-color: black;
  padding-bottom: 3.5%;
  /* line-height: 30px; */
}
div.row {
   background-color: white;
   height: 30px;
   width: 105%;
}
@media screen and (max-width: 800px) {
  div.row{
    display: none;
  }
}
2

Assuming this is the part you mean,you can fix it with the below css
Screenshot 2020-08-16 at 11.22.16

div.row {
margin-top: -13px;
}
1 Like
3

Sometimes you gotta use negatives in css

4

Negatives can cause issues when used across different devices of different sizes so make sure to use it rarely and handle it with care. Or you could use calc().

1 Like
5

Odd, I’m still getting the error. Any other ideas?

6

did you try

div.container{
padding-top:0px!important;
}

you’re welcome.

2 Likes
7

Can we get this man a medal of honor

4 Likes
8

lol :smile:

2 Likes