HTML5 and CSS3: Building Responsive Websites

Time for action – build on the website

Styling the website will involve multiple style sheets. Hence, follow the following steps carefully:

1. Import the following style sheets in foundation.scss:

   @import "config";
   @import "../../components/foundation/scss/normalize";
   @import "../../components/foundation-icons/foundation_icons_social/sass/social_foundicons.scss";
   ... /* other partials */

   That way, the variables, as well as the changes within _config.scss, will affect other component style sheets through Foundation. The normalize variable will standardize basic element styles, social_foundicons.scss; as you can guess, this allows us to apply Foundation's social icons.

2. Open styles.scss and import Bourbon, _config.scss, main.scss, and responsive.scss, as ...