What am i doing wrong? I keep getting it wrong

First you want to remove the white-space from between the 2 columns and then use a negative margin to allow both columns to fit in the same block. I also used the vertical-align to move the column to the top. I just finished that challenge. If you are having problems rewatch the previous videos.

.main-header  {
    padding: 5px;
}

.main-logo,
.main-nav,
.main-nav li,
.col {
    display: inline-block;
}

.col {
  white-space: none;
  margin-right: -5px;
  vertical-align: top;

} ```

Hi Jorge,

First, the code challenge here is instructing you to add a rule to the columns; not .main-logo, .main-nav, etc. So this rule will be applied to .col only. The code challenge is instructing you to use a negative margin, so we will apply that to the columns only. You will probably have to play with the margins a little to make it work but the code below should work.

Jeff

.col {
    margin-right: -4px;
}

The first thing to do is define the key things you are trying to accomplish.

1. Remove whitespace
2. Create a negative margin

Now you need to understand what is whitespace, and how to control margins with CSS. Give it a quick search.