What will our social network sidebar consist of?
You're probably wondering what our social media sidebar will look like; it will contain the following:
- Links in the form of text
- Images for icons
- Responsive collapsible design
Although we implemented a sidebar in the preceding chapter, it was very basic and wasn't truly a sidebar in the conventional sense. Our sidebar will always be at the side; when the screen/browser is small, the sidebar will automatically hide and provide a burger button to show the sidebar. Yes, the button that shows and hides content like a sidebar with three horizontal lines is called a burger button.
Implementing the sidebar
Before we can start, we will need a base to work with. Luckily, in Chapter 7, Creating the Blog Posts Homepage, we did just this—we stripped away all code specific to the first project and used that as our base for the blog. Now, we can use that same base for the social network. If you do not have it, feel free to access it from the GitHub page.
Note
The...
