resolved image layout issues on mobile

3 files changed, 6 insertions, 4 deletions

diff --git a/about.html b/about.html
index e49a322..6f801f3 100644
--- a/about.html
+++ b/about.html
@@ -25,7 +25,7 @@
 		class="self-portrait"
 		src="img/self_portrait.jpg" 
 		alt="Self Portrait"
-		height="300"
+		width="400"
 	>
 
 	<p>
diff --git a/projects_blog/NNetwork.html b/projects_blog/NNetwork.html
index e1fd16e..9fabfe3 100644
--- a/projects_blog/NNetwork.html
+++ b/projects_blog/NNetwork.html
@@ -50,7 +50,7 @@
 		<img 
 			src="../img/trained-nn.jpg" 
 			alt="Trained Neutal Network"
-			height="300"
+			width="300"
 		>
 		<figcaption>My first trained neural network!</figcaption>
 	</figure>
diff --git a/style.css b/style.css
index 884f9cd..8f69edd 100644
--- a/style.css
+++ b/style.css
@@ -146,12 +146,14 @@ a:hover {
 	color: hsl(calc(var(--contrast-hue) - 150), 100%, var(--contrast-lightness))
 }
 
+img {
+	max-width: 100%;
+}
+
 img.self-portrait {
 	float: right;
-	margin: 0.5rem;
 }
 
 figure.project {
 	float: right;
-	margin: 0.5rem;
 }
\ No newline at end of file