Responsive Page Layout Exercise

Overview

Includes a responsive, fluid, full-width irregular image gallery, equal height card section and a CSS driven expandable search feature

Layout was done with HTML(5), SASS CSS(3) and Bootstrap 4 alpha.

Application files structure

app/                    --> All of the files used in production
  css/                  --> CSS file
   master.css           --> Default stylesheet compiled from master.scss
   vendor/
     bootstrap.css
  sass/                 --> SASS Folder
    master.scss         --> Main SASS file
    media-queries.scss  --> Media queries
  images/               --> All images
  index.html            --> Index file