diff --git a/about.html b/about.html index f15a49d..fa671a7 100644 --- a/about.html +++ b/about.html @@ -59,7 +59,7 @@

Contact Us

-

Have questions or special requests? Reach out to me!

+

Have questions or special requests? Reach out to me !

Email: bethany@willowmecreations.com
TikTok: bethanyrhodes6

diff --git a/style.css b/style.css index 7ea016d..05e411c 100644 --- a/style.css +++ b/style.css @@ -52,7 +52,7 @@ h1, h2, h3 { height: auto; margin-bottom: 20px; border: 2px solid var(--box-bg-color); - box-shadow: 0 0 35 px var(--background-color); + box-shadow: 0 0 35px var(--background-color); } /* Navigation */ @@ -253,11 +253,24 @@ a:nth-child(5) { flex: 3; /* Text container takes 3/4 of the space */ } +.about { + display: flex; + flex-direction: row; + align-items: flex-start; /* Aligns the text and image by the top of the container */ + justify-content: space-between; + gap: 40px; + max-width: 1200px; + margin: 0 auto; +} + .creator { flex: 1; /* Image container takes 1/4 of the space */ max-width: 300px; height: auto; border-radius: 50%; + box-shadow: 0 0 35px var(--header-bg-color); + align-self: flex-start; + margin-top: 30px; } .about p { @@ -360,7 +373,7 @@ a:nth-child(5) { } .footer .social-media a { - color: var(--footer-text-color); + color: var(--footer-text-color); margin: 0 10px; font-size: 1.5em; text-decoration: none;