Permalink
Browse files

Make modal more responsive-friendly

Use % for width, apply a max-width in pixels, and use border-box sizing
so the modal doesn’t break vertically at narrow viewports.
1 parent 1310ef1 commit b721dda09ca7e56835f2ec3c915dc0d7aa8c38c2 @kylefox committed Sep 11, 2016
Showing with 3 additions and 1 deletion.
  1. +3 −1 jquery.modal.css
View
@@ -25,7 +25,9 @@
vertical-align: middle;
position: relative;
z-index: 2;
- width: 400px;
+ max-width: 500px;
+ box-sizing: border-box;
+ width: 90%;
background: #fff;
padding: 15px 30px;
-webkit-border-radius: 8px;

0 comments on commit b721dda

Please sign in to comment.