1 00:00:06,210 --> 00:00:15,420 Speaking of containers and items, as for the CSX greed's, let's start by creating a new document starting 2 00:00:15,420 --> 00:00:23,070 from ATV Age HTML, then saving from five, therefore with save as. 3 00:00:23,940 --> 00:00:25,200 And always. 4 00:00:26,230 --> 00:00:37,210 Going to save within the same path a new fire that we would call greed dot age HTML, which has also 5 00:00:37,210 --> 00:00:46,750 been added in our start now, starting from what we already have, let's modify the linked assess, 6 00:00:47,050 --> 00:00:55,440 which we would call style greed, and let's modify the title into CFS greed. 7 00:00:55,540 --> 00:00:59,530 We can safely keep the same references used for flexible. 8 00:00:59,540 --> 00:01:09,010 So containerised be one as to as three days before SB five and as besets as for style underscore ATV. 9 00:01:10,030 --> 00:01:12,340 Let's go we all our content. 10 00:01:16,370 --> 00:01:24,230 And let's create our style and this greed don't see excess. 11 00:01:25,520 --> 00:01:36,770 Let's pace our new content, which will correspond to style Avivi and let's say let's also say grade 12 00:01:36,770 --> 00:01:46,220 dot h TMAP, let's start editing the content starting from the container as Buddy is just fine the way 13 00:01:46,220 --> 00:01:48,890 we set it up during the last section. 14 00:01:51,090 --> 00:01:59,160 The first thing to modify would be display flags, as we no longer have to deal with flags boxes, we 15 00:01:59,160 --> 00:02:05,640 have to insert display grade as we have as a reference, in fact, our grades. 16 00:02:06,740 --> 00:02:15,440 Let's now delete all the unnecessary attributes so those of the Fleck's boxes, let's also delete height 17 00:02:15,440 --> 00:02:23,360 five, 500 and delete everything we don't need within our SP's. 18 00:02:28,920 --> 00:02:30,200 Let's save. 19 00:02:31,890 --> 00:02:40,670 And at this point, we have the perfect place to start inserting all the various features of our stylesheets. 20 00:02:41,010 --> 00:02:44,450 So let's move to our preview. 21 00:02:44,640 --> 00:02:54,510 Let's modify ATV with great and let's hit enter and see that our content will fill every single inserted 22 00:02:54,510 --> 00:02:55,110 div. 23 00:02:56,310 --> 00:03:07,080 And we'll handle it, in fact, as a single grade, so with the display grade attribute every single 24 00:03:07,080 --> 00:03:07,390 day. 25 00:03:08,690 --> 00:03:18,140 Therefore, our airspace in certain site greed got a TMAP will appear individually one below the other 26 00:03:18,320 --> 00:03:24,920 and will occupy all the content of the page in a dynamic way. 27 00:03:27,590 --> 00:03:37,100 So the speeches which have been inserted into the HMO page and in the stylesheet would be the single 28 00:03:37,130 --> 00:03:42,980 items of our greed, and so there would be the elements inserted inside the container. 29 00:03:45,790 --> 00:03:53,380 Stacking from the next lesson, we will discuss the elements which define our grades and therefore we 30 00:03:53,380 --> 00:04:00,700 will see comparing to the Fleck's boxes, how we can dynamically interact with this type of layout as 31 00:04:00,700 --> 00:04:01,050 well.