Research

To start the process of creating this website, I had very little understanding of CSS grid and flex organizational models. In order to figure out where to even start with learning these concepts, I watched the videos that were posted for homework on Wednesday 1/17/18. Next, I took a look at the codepen tutorials that we had in class. These steps helped me gain understanding of how grid and flex function.

CSS Grid Layout Crash Course Video Flexbox vs CSS Grid Layout Video CSS Grid CodePen In-Class Tutorial

After I had put together my design documents, I figured out that I wanted to organize my site using the CSS grid system. So, i looked up A few resources to help me figure out how to create structure to my home-page. I decided to start with creating a navigation bar to learn how to structure the rest of my HTML documents. For this, I referenced a codepen tutorial I found online showing how you can use CSS grid to create a simple navigation bar.

CodePen Navigation Bar Link

Once I got most of the content on my pages, I wanted to figure out how to create margins for the body text. I wanted to do this to create A cleaner look, overall. So, I looked for a tutorial that explained how to create margins, using CSS Grid. The resource I elected to use for this is a CSS-Tricks article that displays HTML and CSS code that will give you margins for your content.

CSS Tricks: Outisde Gutters