HomeComponent

The next thing to do is to give a quick restyling to the HomeComponent.

Let's start with the home.component.html template file:

<div class="row">
<div class="col-lg-4">
<quiz-list class="latest"></quiz-list>
</div>
<div class="col-lg-4">
<quiz-list class="byTitle"></quiz-list>
</div>
<div class="col-lg-4">
<quiz-list class="random"></quiz-list>
</div>
</div>

We removed the sample title/subtitle we used back in Chapter 1, Getting Ready, and added some Bootstrap's grid system classes to ensure that the quiz-list elements will be properly stacked when using smaller-resolution devices.

For additional information on the Bootstrap grid system, check out https://getbootstrap.com/docs/3.3/css/#grid.

Once done, jump to the home.component.less style sheet file and remove everything, leaving only a brief comment to remember why the file is empty:

// nothing to do here

That's it.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
52.15.245.1