| Cool product, bookmarked for future use. There are some weird bugs in your landing page though. Firstly, since you're using a responsive front-end framework (Bootstrap), you should configure the viewport meta tag: <meta name="viewport" content="width=device-width, initial-scale=1">
should work nicely. Add 'minimum-scale=1' to the meta tag's content to enable rasterization (better FPS when scrolling etc.)You also have a bug in your markup which causes content to overflow outside of the viewport, resulting horizontal scrolling being possible at 1x scale when it shouldn't be. This is because the #benefits row should be wrapped by a containing element with 15px left and right padding to balance out the Bootstrap row element's negative margins. This issue is actually present on other pages as well. You'll want to add 15px left/right padding to the #support element, the #login element, and the .register element on their respective pages. Typically, rows in Bootstrap are intended to be wrapped by a div with either the 'container' or 'container-fluid' class, which add the aforementioned padding. The beauty of the Bootstrap grid is that the rows' negative margins allow grids to be nested without squashing columns with ever increasing gutters. This negative margin comes at a price: it adds to the containing element's width, meaning that padding must be added to eat this inflation. Finally, the mixpanel link is clickable just beneath the clients image, when the button is actually at the bottom of the page. This is because the image is positioned relatively and offset by 250px, yet the containing anchor is not, and appears in its normal place. To fix this last issue, replace this: #home #mix {
position: relative;
top: 240px;
}
and with this: .featured a {
position: relative;
top: 240px;
}
|