0
1
00:00:03,030 --> 00:00:07,160
And continuing where we left of. Now we need to add the bottom author blog.
1

2
00:00:07,260 --> 00:00:08,640
That's pretty simple.
2

3
00:00:08,640 --> 00:00:12,450
Let's start by a new div block, which we are going to turn into flexbox.
3

4
00:00:24,190 --> 00:00:29,160
And add some spacing on top.
4

5
00:00:29,430 --> 00:00:35,430
Now for the author's profile image, we're not going to add an image element, right? Because this is a dynamic
5

6
00:00:35,430 --> 00:00:36,150
avatar.
6

7
00:00:36,270 --> 00:00:37,170
Just like above.
7

8
00:00:37,380 --> 00:00:39,390
So let's just copy the one from above.
8

9
00:00:39,390 --> 00:01:05,670
So, we have less changes to make.
9

10
00:01:06,990 --> 00:01:11,090
Now, we need some text blocks. But we're going to put them inside another div block,
10

11
00:01:11,100 --> 00:01:27,730
so they are neatly grouped on the right side of the photo.
11

12
00:01:38,800 --> 00:01:45,990
Connect the text to CMS.
12

13
00:01:50,710 --> 00:01:55,730
And then just style each one individually. Author bio, would be better to have maximum width,
13

14
00:01:55,750 --> 00:01:57,610
so we don't have this odd long line.
14

15
00:02:08,910 --> 00:02:37,010
And we're going to match all the styles, just like we have it inside the designs.
15

16
00:02:44,810 --> 00:02:50,820
♫
16

17
00:02:54,980 --> 00:03:02,770
♫
17

18
00:03:30,180 --> 00:03:46,980
♫
18

19
00:03:47,940 --> 00:03:50,400
And there you have it, all nice and styled.
19

20
00:03:50,400 --> 00:03:54,900
We can check how it looks for different blog posts, by changing the blog post on the top.
20

21
00:04:07,050 --> 00:04:08,190
And that's it for this block.