4-CSS Sidebar

Video

Steps

1. Let's add the code for the Sidebar:

   section#sidebar {
    width: 238px;
    float: right;
    position: relative;
    display: block;
    background-color: #fff;
    margin: 1.5em 0 3.0em 1.5em;
    padding: 1.7em 0.5em 2.0em 1.7em;
    border-left: #2BA967 solid 5px;
   }

2. When we run the app, it will look like this:

3. That's pretty much all we need for that section. As always, inspect the code and play around with what's going on.

4. The Sidebar is off to a decent start, so let's work on the main content section.