I could find a couple of layout related issues when I tested the site and I wanted to bring forward a proposal to refactoring the site and make use of Bootstrap's grid system in favour of custom css like side-by-side section or the use of media queries to define layouts.
This PR is a proposal that refactors the content on the front page between the intro partial and the footer partial "as is", meaning that I tried to refactor in a code without changing the way the site behaves (except for bug fixes).
Amongst other things this PR fixes #69, where the iPhone image may flow over the right border of the site's container; or the right-side column images that may flip on-off-on when changing the width of the browser in a similar way as described in #69.
The code in this PR can be improved and the same approach can be used elsewhere, but I didn't want to go totally crazy without having had any feedback.
I could find a couple of layout related issues when I tested the site and I wanted to bring forward a proposal to refactoring the site and make use of Bootstrap's grid system in favour of custom css like
side-by-side sectionor the use of media queries to define layouts.This PR is a proposal that refactors the content on the front page between the
intro partialand thefooter partial"as is", meaning that I tried to refactor in a code without changing the way the site behaves (except for bug fixes).Amongst other things this PR fixes #69, where the iPhone image may flow over the right border of the site's container; or the right-side column images that may flip on-off-on when changing the width of the browser in a similar way as described in #69.
The code in this PR can be improved and the same approach can be used elsewhere, but I didn't want to go totally crazy without having had any feedback.