tristan/willowmecreationsV2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

about page

Browse source
This commit is contained in:
Tristan Smith 2024-09-23 00:58:29 -04:00
parent 56132f8380
commit ab3a35bcbf
2 changed files with 16 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
about.html
View file

@ -59,7 +59,7 @@
<section class="contact">
<div class="container">
<h2>Contact Us</h2>
<p>Have questions or special requests? Reach out to me!</p>
<p>Have questions or special requests? Reach out to me !</p>
<p>Email: <a href="mailto:bethany@willowmecreations.com">bethany@willowmecreations.com</a><br>
TikTok: <a href="https://www.tiktok.com/@bethanyrhodes6" target="_blank"><i class="fab fa-tiktok"></i>bethanyrhodes6</a></p>
</div>

15
style.css
View file

@ -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 {