In this chapter, we covered a lot of things while building the photosharing website project. The first thing we did was focus on just building the website layout, and that included our menu, the jumbotron, and creating those main content sections. As we built these, we went out, saw the effect it had on the website, went back, did a few more changes to the code, and then checked the website to see what impact anything we were doing was having visually on the website. We created a few variables that we could make use of in our Sass SCSS file, along with some CSS styling in the same file, and then when our Gulp task runs, it compiles that Sass down into a .css file, which of course the website can then use.
We added in our Contact page and our About page, and then we got into some custom media breakpoints and saw some different areas that we would want to adjust, depending...