add profile picture
This commit is contained in:
parent
77a5af4b6b
commit
9e9f847a39
3 changed files with 18 additions and 5 deletions
BIN
public/assets/pfp.jpg
Normal file
BIN
public/assets/pfp.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 379 KiB |
|
@ -31,7 +31,7 @@ h3 {
|
|||
}
|
||||
|
||||
main {
|
||||
margin: 1em 0;
|
||||
margin: 2em 0;
|
||||
padding: 1em 1.618em;
|
||||
border-radius: 1em;
|
||||
border: 2px solid var(--fg-col);
|
||||
|
@ -45,11 +45,19 @@ main > :last-child {
|
|||
}
|
||||
|
||||
header {
|
||||
display: flex;
|
||||
|
||||
padding-bottom: 0.5em;
|
||||
margin-bottom: 1em;
|
||||
border-bottom: 1px dashed #444;
|
||||
}
|
||||
|
||||
header aside img {
|
||||
height: 6em;
|
||||
margin-left: 1em;
|
||||
border-radius: 0.25em;
|
||||
}
|
||||
|
||||
footer {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
|
|
|
@ -13,10 +13,15 @@
|
|||
<body>
|
||||
<main>
|
||||
<header>
|
||||
<h1>charlotte ✨</h1>
|
||||
<p>
|
||||
multi-specialist interdisciplinary technician. polyglot. silly rabbit
|
||||
</p>
|
||||
<div>
|
||||
<h1>charlotte ✨</h1>
|
||||
<p>
|
||||
multi-specialist interdisciplinary technician. polyglot. silly rabbit
|
||||
</p>
|
||||
</div>
|
||||
<aside>
|
||||
<img alt="my profile picture" src="/assets/pfp.jpg">
|
||||
</aside>
|
||||
</header>
|
||||
|
||||
<section id="intro">
|
||||
|
|
Loading…
Reference in a new issue