Loading…
Everything will be ready in few seconds
- Theory
- Theory
- Comments
Laying out a simple page: the sidebar
In this assignment we will work on the sidebar, which is where we want to place the review block.
The .sidebar
block is located almost at the very end in the layout, just before the footer, but we can use grids to easily move it to any place on the page without changing anything in the layout. This is another great feature of grids!
Place it to the right of the promo block: it will occupy the entire third column and two rows, the second and the one after it.
It is noteworthy that the block begins on a second row that is fixed in height and continues on the third row, where the height is automatically assigned. Why is this the case when our block contains text, after all?
The fact is that it is still permissible to create a fixed height row even if it contains blocks with text content. However, we need to make sure that these blocks are placed, since in addition to the fixed height grid cells we also have automatic height grid cells, which leaves the possibility open of increasing the text size.
- index.html
- style.css
Thanks! We’ll fix everything at once!
Comments