reuterShawn/shawn-reuter-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated image markup

Browse Source
This commit is contained in:
Maxi Ferreira 2022-08-12 12:12:23 -07:00
parent d69232a97e
commit 1558cba11e
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/index.astro
View File

@ -13,15 +13,15 @@ const permalink = Astro.site.href;
<p>Check out the docs on <a href="https://www.github.com/Charca/astro-blog-template" target="_blank" rel="noopener">GitHub</a> to get started.</p> <p>Check out the docs on <a href="https://www.github.com/Charca/astro-blog-template" target="_blank" rel="noopener">GitHub</a> to get started.</p>
</div> </div>
<figure> <div class="hero-image-container">
<img class="hero-image" alt="Illustration of person reading a book" src="/assets/home-illustration.webp" width="550" height="466"> <img class="hero-image" alt="Illustration of person reading a book" src="/assets/home-illustration.webp" width="550" height="466">
<figcaption> <p class="caption">
Illustration by Illustration by
<a href="https://icons8.com/illustrations/author/5c07e68d82bcbc0092519bb6" target="_blank" rel="noopener">Icons 8</a> <a href="https://icons8.com/illustrations/author/5c07e68d82bcbc0092519bb6" target="_blank" rel="noopener">Icons 8</a>
from from
<a href="https://icons8.com/illustrations" target="_blank" rel="noopener">Ouch!</a> <a href="https://icons8.com/illustrations" target="_blank" rel="noopener">Ouch!</a>
</figcaption> </p>
</figure> </div>
</div> </div>
</BaseLayout> </BaseLayout>
@ -50,12 +50,12 @@ const permalink = Astro.site.href;
line-height: 1.5; line-height: 1.5;
} }
figure { .home-image-container {
margin: 0 1em; margin: 0 1em;
text-align: center; text-align: center;
} }
figcaption { .caption {
font-size: .8em; font-size: .8em;
font-style: italic; font-style: italic;
text-align: left; text-align: left;