Skip to content

Commit

Permalink
curly bracces error corrected for home page
Browse files Browse the repository at this point in the history
  • Loading branch information
@meAnim
meAnim committed Sep 9, 2020
1 parent d6e0a5e commit 5823a91
Show file tree
Hide file tree
Showing 2 changed files with 35 additions and 9 deletions.
25 changes: 25 additions & 0 deletions src/app/home-page/home-page.component.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
.jumbotron {
padding-top: 3rem;
padding-bottom: 3rem;
margin-bottom: 0;
background-color: #fff;
}

@media (min-width: 768px) {
.jumbotron {
padding-top: 6rem;
padding-bottom: 6rem;
}
}

.jumbotron p:last-child {
margin-bottom: 0;
}

.jumbotron h1 {
font-weight: 300;
}

.jumbotron .container {
max-width: 40rem;
}
19 changes: 10 additions & 9 deletions src/app/home-page/home-page.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,8 @@ <h1>Album example</h1>
<div class="row">
<div class="col-md-4">
<div class="card mb-4 shadow-sm">
{% include icons/placeholder.svg width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="Thumbnail" %}
<div class="card-img-top" style="height: 225px; background: #55595c; color: #eceeef"></div>

<div class="card-body">
<p class="card-text">
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
Expand All @@ -38,7 +39,7 @@ <h1>Album example</h1>
</div>
<div class="col-md-4">
<div class="card mb-4 shadow-sm">
{% include icons/placeholder.svg width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="Thumbnail" %}
<div class="card-img-top" style="height: 225px; background: #55595c; color: #eceeef"></div>
<div class="card-body">
<p class="card-text">
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
Expand All @@ -59,7 +60,7 @@ <h1>Album example</h1>
</div>
<div class="col-md-4">
<div class="card mb-4 shadow-sm">
{% include icons/placeholder.svg width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="Thumbnail" %}
<div class="card-img-top" style="height: 225px; background: #55595c; color: #eceeef"></div>
<div class="card-body">
<p class="card-text">
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
Expand All @@ -81,7 +82,7 @@ <h1>Album example</h1>

<div class="col-md-4">
<div class="card mb-4 shadow-sm">
{% include icons/placeholder.svg width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="Thumbnail" %}
<div class="card-img-top" style="height: 225px; background: #55595c; color: #eceeef"></div>
<div class="card-body">
<p class="card-text">
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
Expand All @@ -102,7 +103,7 @@ <h1>Album example</h1>
</div>
<div class="col-md-4">
<div class="card mb-4 shadow-sm">
{% include icons/placeholder.svg width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="Thumbnail" %}
<div class="card-img-top" style="height: 225px; background: #55595c; color: #eceeef"></div>
<div class="card-body">
<p class="card-text">
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
Expand All @@ -123,7 +124,7 @@ <h1>Album example</h1>
</div>
<div class="col-md-4">
<div class="card mb-4 shadow-sm">
{% include icons/placeholder.svg width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="Thumbnail" %}
<div class="card-img-top" style="height: 225px; background: #55595c; color: #eceeef"></div>
<div class="card-body">
<p class="card-text">
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
Expand All @@ -145,7 +146,7 @@ <h1>Album example</h1>

<div class="col-md-4">
<div class="card mb-4 shadow-sm">
{% include icons/placeholder.svg width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="Thumbnail" %}
<div class="card-img-top" style="height: 225px; background: #55595c; color: #eceeef"></div>
<div class="card-body">
<p class="card-text">
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
Expand All @@ -166,7 +167,7 @@ <h1>Album example</h1>
</div>
<div class="col-md-4">
<div class="card mb-4 shadow-sm">
{% include icons/placeholder.svg width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="Thumbnail" %}
<div class="card-img-top" style="height: 225px; background: #55595c; color: #eceeef"></div>
<div class="card-body">
<p class="card-text">
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
Expand All @@ -187,7 +188,7 @@ <h1>Album example</h1>
</div>
<div class="col-md-4">
<div class="card mb-4 shadow-sm">
{% include icons/placeholder.svg width="100%" height="225" background="#55595c" color="#eceeef" class="card-img-top" text="Thumbnail" %}
<div class="card-img-top" style="height: 225px; background: #55595c; color: #eceeef"></div>
<div class="card-body">
<p class="card-text">
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.
Expand Down

0 comments on commit 5823a91

Please sign in to comment.