mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-09-08 08:28:15 -04:00
adjusting css margin and nav
This commit is contained in:
23
app/templates/components/guidance/cards.html
Normal file
23
app/templates/components/guidance/cards.html
Normal file
@@ -0,0 +1,23 @@
|
||||
<h3 class="margin-bottom-4">{{card_header}}</h3>
|
||||
<ul class="usa-card-group">
|
||||
{% for item in card_contents %}
|
||||
<li class="usa-card grid-col tablet:grid-col-4">
|
||||
<div class="usa-card__container">
|
||||
<div class="usa-card__header">
|
||||
<h4 class="usa-card__heading text-center">{{item.card_heading}}</h4>
|
||||
</div>
|
||||
<div class="usa-card__media usa-card__media--inset">
|
||||
<div class="usa-card__img">
|
||||
<img src="{{item.image_src}}" alt="{{item.card_heading}} image" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="usa-card__body">
|
||||
<p class="text-center">
|
||||
{{item.p_text}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
{% endfor %}
|
||||
|
||||
</ul>
|
||||
Reference in New Issue
Block a user