Topics - Video Tutorials & Practice Problems

<v ->Having put our site in order using flexbox in Lesson 11,</v> the time has now come in Lesson 12 to make a second layout. The cool thing about a modular template system is that you have one layout that is designed to fit most of the content. But if some pages need a different presentation, you can just tell the system to build that special content with that other layout over there. We'll be using this new layout as the base for adding a blog to our sample website. But you could use the same concept for any sort of content like documentation or product information. Adding a blog to our site will give us a chance to apply most of the CSS we've covered so far like font styling, margins, padding, selectors, and of course flexbox. Jekyll is a blog-aware framework. And that means that right out of the box, it's configured to understand how to process and read content to make blog like sites. Unlike some other content platforms you might be familiar with though, there's no content management system. You're not gonna be able to type text into a box and click a button to make something italic or bolt. Instead, you're gonna write content as individual text files that use a lightweight markup format called Markdown and then Jekyll will take those files and automatically turn them into HTML. It's no frills, but it's an endlessly customizable system that lets you create content using the text editor of your choice. It doesn't leave you at the mercy of a third party service that could shut down at any time. And by putting the project under version control with Git, you also have a complete archive of the site's history. Oh, and the cherry on top, with GitHub pages, you have free hosting.