We’re using several CSS files in this theme:
– assets/styles/foundation-nonresponsive.css – these are generic styles, resets & normalization.
– assets/styles/responsive.css – styles only for responsive design
– assets/styles/font-awesome.min.css – Font Awesome by Dave Gandy is “the iconic font” and has a great numaber of icons, 249 at this moment and are continuously growing. Font Awesome icons are vectors, which mean they’re gorgeous on high-resolution displays.
– assets/styles/app.css – file contains all of the specific styling for the landing page template. Each section of this file is commented for better understanding.
Responsive means that the content will adjust to every screen width and you can control how appearance will be through media queries.
You can find the responsive media queries in app.css at the end of the stylesheets.