styled picrew image gallery

This commit is contained in:
emma 2024-12-13 20:08:01 -05:00
parent 9b1d958782
commit 0265be4edb
2 changed files with 18 additions and 3 deletions

View File

@ -18,9 +18,8 @@
picrew has been a wonderful help in figuring who i am. how i want to present when everything is right for me to do so. the below pictures all capture different parts of me, i see myself in all of them in some way. some picrew allowed me to add things that others didn't. for example, a top i really want to have one day, or the fact that i have freckles on my face. i love that picrew makes it acccessible to discover my identity. it is such a friendly tool. over time i've found that people have different image makeers that capture so many wonderful parts of myself, and humanity in general picrew has been a wonderful help in figuring who i am. how i want to present when everything is right for me to do so. the below pictures all capture different parts of me, i see myself in all of them in some way. some picrew allowed me to add things that others didn't. for example, a top i really want to have one day, or the fact that i have freckles on my face. i love that picrew makes it acccessible to discover my identity. it is such a friendly tool. over time i've found that people have different image makeers that capture so many wonderful parts of myself, and humanity in general
</p> </p>
<h2>gallery</h2> <h2 class="picrew-gallery-header">gallery</h2>
<div class="picrew-gallery">
<div>
<figure> <figure>
<img src="../img/life/picrews/self-one.jpg" alt="an image of emma created in picrew. the image is fem presenting and represent characteristics that emma sees of herself when she can be fem presenting in her physical space" height="300" width="300"> <img src="../img/life/picrews/self-one.jpg" alt="an image of emma created in picrew. the image is fem presenting and represent characteristics that emma sees of herself when she can be fem presenting in her physical space" height="300" width="300">
<figcaption> <figcaption>

View File

@ -129,3 +129,19 @@ main section ul li {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.picrew-gallery {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 2rem;
margin: 1.75rem;
}
.picrew-gallery img {
border: 4px solid #17b794;
border-radius: 10%;
}
.picrew-gallery, .picrew-gallery-header {
text-align: center;
}