<main>
<h1>Octavia Butler</h1>
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/10558/OctaviaButler.jpg" alt="a photo of Octavia Butler">
</main>
body {
display: flex;
height: 100vh;
}
main {
width: 80%;
font-family: 'Cormorant Infant', serif;
margin: auto;
}
h1 {
writing-mode: vertical-rl;
font-size: 7.8vw;
float: right;
margin: 0;
}
img {
display: block;
max-width: 85%;
max-height: 90vh;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.