Through the dark of art of CSS selectors and pseudo-elements, I have managed to put Twemoji's in my header. I wanted a constant look for the emojis. So, I used a bit of CSS to do it:
main > div > div > h1::<before/after> {
width: <emoji width>;
height: <emoji height>;
content: "";
background-image: url("<image source>");
display: inline-block;
background-size: contain;
}
![resulting CSS A knife emoji before my header and a flower emoji after it](https://external-media.spacehey.net/media/sC-SXK327XgGaBHRqt1ogmunYfWMYuPHB-wjC8RaHfjM=/https://cdn.discordapp.com/attachments/686696968998617118/785949897060122684/unknown.png)
Comments
Displaying 1 of 1 comments ( View all | Add Comment )
blueasis
I did a similar thing but to make my name sparklyyy