about page
This commit is contained in:
parent
56132f8380
commit
ab3a35bcbf
2 changed files with 16 additions and 3 deletions
13
style.css
13
style.css
|
@ -253,11 +253,24 @@ a:nth-child(5) {
|
||||||
flex: 3; /* Text container takes 3/4 of the space */
|
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 {
|
.creator {
|
||||||
flex: 1; /* Image container takes 1/4 of the space */
|
flex: 1; /* Image container takes 1/4 of the space */
|
||||||
max-width: 300px;
|
max-width: 300px;
|
||||||
height: auto;
|
height: auto;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
|
box-shadow: 0 0 35px var(--header-bg-color);
|
||||||
|
align-self: flex-start;
|
||||||
|
margin-top: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.about p {
|
.about p {
|
||||||
|
|
Loading…
Reference in a new issue