From 2fc2eec9e1c70c52c5446f9c2d64a1a673a6f4ba Mon Sep 17 00:00:00 2001
From: Maxi Ferreira <charca@gmail.com>
Date: Fri, 12 Aug 2022 11:07:53 -0700
Subject: [PATCH] Fixed img css

---
 src/env.d.ts          | 1 +
 src/pages/about.astro | 8 ++++----
 src/pages/index.astro | 6 +++---
 3 files changed, 8 insertions(+), 7 deletions(-)
 create mode 100644 src/env.d.ts

diff --git a/src/env.d.ts b/src/env.d.ts
new file mode 100644
index 0000000..f964fe0
--- /dev/null
+++ b/src/env.d.ts
@@ -0,0 +1 @@
+/// <reference types="astro/client" />
diff --git a/src/pages/about.astro b/src/pages/about.astro
index 4ce50b5..3084817 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -9,7 +9,7 @@ const permalink = `${Astro.site.href}about`;
 <BaseLayout title={title} description={description} permalink={permalink} current="about">
   <div class="container">
     <h1>About</h1>
-    <figure>
+    <figure class="about-image">
       <img src="/assets/about-illustration.webp" alt="Illustration of a notebook">
       <figcaption>
         Illustration by
@@ -28,19 +28,19 @@ const permalink = `${Astro.site.href}about`;
 </BaseLayout>
 
 <style>
-  figure {
+  .about-image {
     float: right;
     margin: -3em -7em 2em 2em;
     max-width: 300px;
   }
 
-  figure img {
+  .about-image img {
     border-radius: 8px;
     margin-bottom: 1.5em;
   }
 
   @media (max-width: 1020px) {
-    figure {
+    .about-image {
       float: none;
       margin: 0 auto 2em;
     }
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 4f98668..b3786d3 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -14,7 +14,7 @@ const permalink = Astro.site.href;
     </div>
 
     <figure>
-      <img alt='Illustration of person reading a book' src='/assets/home-illustration.webp'>
+      <img class="hero-image" alt="Illustration of person reading a book" src="/assets/home-illustration.webp" width="550">
       <figcaption>
         Illustration by
         <a href="https://icons8.com/illustrations/author/5c07e68d82bcbc0092519bb6" target="_blank" rel="noopener">Icons 8</a>
@@ -60,7 +60,7 @@ const permalink = Astro.site.href;
     text-align: left;
   }
 
-  img {
+  .hero-image {
     width: 100%;
     max-width: 550px;
     margin-bottom: 1em;
@@ -71,7 +71,7 @@ const permalink = Astro.site.href;
       font-size: 1.2em;
     }
 
-    img {
+    .hero-image {
       max-width: 400px;
     }
   }