October 2018
Intermediate to advanced
590 pages
15h 5m
English
Now, let's think about how to implement the UI of this home page. It is better to start with a layout diagram, the same way we did when creating the register page. Figure 11.6 shows the layout of the home page:

As you can see, we use an ellipsis between .board elements to represent that there could be zero or multiple .board elements, similar to the vertical ellipsis between .boards-section elements.
For the .page-header element, we will need to put it in a Vue component, called PageHeader.vue, so that we can share it with other pages. For the .boards-section element, ...
Read now
Unlock full access