Question

I already finished the tutorial but I’m having a slight issue with the CSS rendering since section 7 where you make the signup form. This is what I’m getting:

And this is what it’s supposed to look like:

And this is the relevant CSS:

@mixin box_sizing {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

input, textarea, select, .uneditable-input {
  border: 1px solid #bbb;
  width: 100%;
  padding: 10px;
  height: auto;
  margin-bottom: 15px;
  @include box_sizing;
}

Was wondering if anyone else had the same issue?

Answer 1

The difference is probably with the default height of an input in Chrome vs FireFox (Hartl’s browser).

The CSS declaration height:auto; lets the browser calculate the default height.