adjusting css margin and nav

This commit is contained in:
Beverly Nguyen
2024-09-23 18:58:22 -07:00
parent 1368384fdf
commit d9805495de
7 changed files with 50 additions and 23 deletions

View 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>