AyaAhmed01 / The-App-Academy-Times

Responsive design mimics New York Times front page using Ruby on Rails and Sass

App Academy Times

A single responsive homepage with main content section, search modal, sections sidebar, main navigation and sections navigation that imitates the New York Times homepage.

Project structure

/app/assets/stylesheets
+-- base
|   +-- colors.css.scss
|   +-- fonts.css.scss
|   +-- layout.css.scss
|   +-- reset.css.scss
+-- components
|   +-- _gear_dropdown.css.scss
|   +-- _main_content.css.scss
|   +-- _main_nav.css.scss
|   +-- _masthead.css.scss
|   +-- _search_modal.css.scss
|   +-- _sections_nav.css.scss
|   +-- _sections_sidebar.css.scss
+-- application.css.scss

Live version

heroku