moved picture, updated css

This commit is contained in:
Tristan Smith 2024-09-23 11:30:37 -04:00
parent ab3a35bcbf
commit f823e1e8f2
4 changed files with 4 additions and 3 deletions

View file

@ -29,6 +29,7 @@
<main> <main>
<section class="about"> <section class="about">
<div class="container" id="bio"> <div class="container" id="bio">
<img src="img/creator.jpg" alt="Bethany Rhodes" class="creator">
<h2>About Bethany</h2> <h2>About Bethany</h2>
<p>Meet Bethany Rhodes, the creative force behind the charming crochet shop known as WillowMeCreations. <p>Meet Bethany Rhodes, the creative force behind the charming crochet shop known as WillowMeCreations.
Born and raised in the picturesque state of Indiana, Bethany discovered her passion for crafting at Born and raised in the picturesque state of Indiana, Bethany discovered her passion for crafting at
@ -53,7 +54,6 @@
<p>For Bethany, WillowMeCreations is more than just a business; it's a reflection of her passion, <p>For Bethany, WillowMeCreations is more than just a business; it's a reflection of her passion,
creativity, and the warmth she wishes to share with the world.</p> creativity, and the warmth she wishes to share with the world.</p>
</div> </div>
<img src="img/creator.jpg" alt="Bethany Rhodes" class="creator">
</section> </section>
<section class="contact"> <section class="contact">

Binary file not shown.

Before

Width:  |  Height:  |  Size: 498 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 498 KiB

View file

@ -51,8 +51,9 @@ h1, h2, h3 {
width: 150px; width: 150px;
height: auto; height: auto;
margin-bottom: 20px; margin-bottom: 20px;
border: 2px solid var(--box-bg-color); border: 2px solid var(--background-color);
box-shadow: 0 0 35px var(--background-color); box-shadow: 0 0 35px var(--background-color);
border-radius: 12px;
} }
/* Navigation */ /* Navigation */
@ -62,7 +63,7 @@ h1, h2, h3 {
width: 600px; width: 600px;
height: 50px; height: 50px;
background-color: #4F5D2F; /* Slightly darker background */ background-color: #4F5D2F; /* Slightly darker background */
border-radius: 8px; border-radius: 12px;
font-size: 0; font-size: 0;
} }