Space created at the bottom of a panel with foundation framework -
i'm playing foundation framework , i'm trying make simple login form it. here's markup
<form> <div class="row"> <div class="large-4 columns"> <div class="panel"> <div class="row"> <div> <label>login: <input type="text" placeholder="login"> </div> </div> <div class="row"> <div> <label>senha <input type="password"> </div> </div> <div class="row"> <input type="submit" value="ok" class="tiny button right"> <a href="#" class="left">esqueci minha senha</a> </div> </div> </div> </div> </form>
but @ bottom of it, there's space created. how can remove space?
the space talking created buttons bottom margin. remove add css class such:
.panel .button { margin-bottom: 0; }
working example: jsfiddle
Comments
Post a Comment