QuizComponent

Here's another component with a terrible layout; let's do our best to improve it.

Here's the new quiz.component.html template file:

<div class="quiz">    <div class="quiz-details">        <div class="quiz-image">            <img src="https://lorempixel.com/150/150/?random=              {{quiz.Id}}"                  alt="{{quiz.Title}}" class="img-circle">        </div>        <div class="quiz-info-block">            <div class="quiz-heading">                <h2>{{quiz.Title}}</h2>                <span class="help-block">{{quiz.Description}}</span>                <!--<span class="help-block">Created by User # on                 {{quiz.CreatedDate}}</span>-->            </div>            <ul class="navigation">                <li class="active">                    <a data-toggle="tab" href="#description">                        <span class="glyphicon glyphicon-user"></span>                        &amp;nbsp; Description                    </a>                </li>                <li> <a data-toggle="tab" href="#stats"> ...

Get ASP.NET Core 2 and Angular 5 now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial