You use background-size to adjust the size and my posts a bit above show two examples.
2 Likes
ah thanks! this experience has been very enlightening honestly despite the struggle
1 Like
No problem. Feel free to visit this thread any time you need coding help! 
2 Likes
<span style="font-size:; display: flex; margin: auto; width: 500px; height:350px; background-image: url('https://i.pinimg.com/564x/b1/cc/3c/b1cc3cc99847e368de7be4520634a64e.jpg'); box-shadow: 15px 15px 2px lightpink; border-style: solid; border-width: 0.3px; border-color: DimGrey;"> <span style="font-size: 40px; display: block; font-family: verdana; width: 500px; text-align: center; color: snow; padding: 20px; letter-spacing: 3px; line-height: 2; text-shadow: 2px 2px LightSlateGray; background-color: rgba(0, 0, 0, 0.3);"> nepenthe. <span style="font-size: 20px; display: block; font-family: verdana; height: 110px; padding: 5px; text-align: left; color: snow; letter-spacing: 3px; line-height: 2; text-shadow: 1px 1px LightSlateGray; border-style: solid; border-width: 0.7px; "> (n.) something that can make you forget grief or suffering. </span> <span style="font-size: 15px; display: block; font-family: verdana; height: 50px; text-align: left; color: snow; letter-spacing: 1px; line-height: 1.7; margin-top: 10px; text-shadow: 1px 1px LightSlateGray;"><i>a place to forget.<br>a place to discuss anything your mind thinks of.<br> a place to forget. </i> </span>
1 Like
nepenthe. (n.) something that can make you forget grief or suffering. a place to forget.
a place to discuss anything your mind thinks of.
a place to forget.
<span style="font-size:; display: flex; margin: auto; width: 500px; height:350px; background-image: url('https://i.pinimg.com/564x/b1/cc/3c/b1cc3cc99847e368de7be4520634a64e.jpg'); box-shadow: 15px 15px 2px lightpink; border-style: solid; border-width: 0.3px; border-color: DimGrey;"> <span style="font-size: 40px; display: block; font-family: verdana; width: 500px; text-align: center; color: snow; padding: 20px; letter-spacing: 3px; line-height: 2; text-shadow: 2px 2px LightSlateGray; background-color: rgba(0, 0, 0, 0.3);"> nepenthe. <span style="font-size: 20px; display: block; font-family: verdana; height: 110px; padding: 5px; text-align: left; color: snow; letter-spacing: 3px; line-height: 2; text-shadow: 1px 1px LightSlateGray; border-style: solid; border-width: 0.7px; "> (n.) something that can make you forget grief or suffering. </span> <span style="font-size: 15px; display: block; font-family: verdana; height: 50px; text-align: left; color: snow; letter-spacing: 1px; line-height: 1.7; margin-top: 10px; text-shadow: 1px 1px LightSlateGray;"><i>a place to forget.<br>a place to discuss anything your mind thinks of.<br> a place to forget. </i> </span></span></span>
Make sure to close all your spans!
3 Likes
Oooh right, I’m a dummy.
Thank you. 
2 Likes
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut egestas nisi. Aenean vitae diam maximus mi dignissim vulputate. Ut ultrices, eros id ullamcorper cursus, velit felis egestas nisi, eu auctor quam neque eget eros. Cras in finibus magna. Donec eu diam mauris. Duis consequat velit nunc, tempor rhoncus odio vehicula vel. Donec auctor ante id eleifend pellentesque. Aliquam sed justo est. Vivamus pulvinar est in quam convallis hendrerit. In justo sapien, rhoncus nec est ac, pretium volutpat libero. Maecenas mauris quam, commodo ac placerat sed, volutpat et quam. Sed efficitur volutpat lacus sed vehicula. Ut orci tortor, porttitor eget semper sit amet, luctus non dolor. Cras mollis fermentum posuere. Maecenas iaculis neque nisi, eu ultrices dui dapibus ac. Cras nec quam felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut egestas nisi. Aenean vitae diam maximus mi dignissim vulputate. Ut ultrices, eros id ullamcorper cursus, velit felis egestas nisi, eu auctor quam neque eget eros. Cras in finibus magna. Donec eu diam mauris. Duis consequat velit nunc, tempor rhoncus odio vehicula vel. Donec auctor ante id eleifend pellentesque. Aliquam sed justo est. Vivamus pulvinar est in quam convallis hendrerit. In justo sapien, rhoncus nec est ac, pretium volutpat libero. Maecenas mauris quam, commodo ac placerat sed, volutpat et quam. Sed efficitur volutpat lacus sed vehicula. Ut orci tortor, porttitor eget semper sit amet, luctus non dolor. Cras mollis fermentum posuere. Maecenas iaculis neque nisi, eu ultrices dui dapibus ac. Cras nec quam felis.
MOO
Code
<a href="#heading--example"><span style="font-size:; display: block; background-color: red; padding: 5px 10px;">Example headline</span></a>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut egestas nisi. Aenean vitae diam maximus mi dignissim vulputate. Ut ultrices, eros id ullamcorper cursus, velit felis egestas nisi, eu auctor quam neque eget eros. Cras in finibus magna. Donec eu diam mauris. Duis consequat velit nunc, tempor rhoncus odio vehicula vel. Donec auctor ante id eleifend pellentesque. Aliquam sed justo est. Vivamus pulvinar est in quam convallis hendrerit. In justo sapien, rhoncus nec est ac, pretium volutpat libero. Maecenas mauris quam, commodo ac placerat sed, volutpat et quam. Sed efficitur volutpat lacus sed vehicula. Ut orci tortor, porttitor eget semper sit amet, luctus non dolor. Cras mollis fermentum posuere. Maecenas iaculis neque nisi, eu ultrices dui dapibus ac. Cras nec quam felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut egestas nisi. Aenean vitae diam maximus mi dignissim vulputate. Ut ultrices, eros id ullamcorper cursus, velit felis egestas nisi, eu auctor quam neque eget eros. Cras in finibus magna. Donec eu diam mauris. Duis consequat velit nunc, tempor rhoncus odio vehicula vel. Donec auctor ante id eleifend pellentesque. Aliquam sed justo est. Vivamus pulvinar est in quam convallis hendrerit. In justo sapien, rhoncus nec est ac, pretium volutpat libero. Maecenas mauris quam, commodo ac placerat sed, volutpat et quam. Sed efficitur volutpat lacus sed vehicula. Ut orci tortor, porttitor eget semper sit amet, luctus non dolor. Cras mollis fermentum posuere. Maecenas iaculis neque nisi, eu ultrices dui dapibus ac. Cras nec quam felis.
<h2 id="heading--example"><a href="#example">MOO</a></h2>
2 Likes
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut egestas nisi. Aenean vitae diam maximus mi dignissim vulputate. Ut ultrices, eros id ullamcorper cursus, velit felis egestas nisi, eu auctor quam neque eget eros. Cras in finibus magna. Donec eu diam mauris. Duis consequat velit nunc, tempor rhoncus odio vehicula vel. Donec auctor ante id eleifend pellentesque. Aliquam sed justo est. Vivamus pulvinar est in quam convallis hendrerit. In justo sapien, rhoncus nec est ac, pretium volutpat libero. Maecenas mauris quam, commodo ac placerat sed, volutpat et quam. Sed efficitur volutpat lacus sed vehicula. Ut orci tortor, porttitor eget semper sit amet, luctus non dolor. Cras mollis fermentum posuere. Maecenas iaculis neque nisi, eu ultrices dui dapibus ac. Cras nec quam felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut egestas nisi. Aenean vitae diam maximus mi dignissim vulputate. Ut ultrices, eros id ullamcorper cursus, velit felis egestas nisi, eu auctor quam neque eget eros. Cras in finibus magna. Donec eu diam mauris. Duis consequat velit nunc, tempor rhoncus odio vehicula vel. Donec auctor ante id eleifend pellentesque. Aliquam sed justo est. Vivamus pulvinar est in quam convallis hendrerit. In justo sapien, rhoncus nec est ac, pretium volutpat libero. Maecenas mauris quam, commodo ac placerat sed, volutpat et quam. Sed efficitur volutpat lacus sed vehicula. Ut orci tortor, porttitor eget semper sit amet, luctus non dolor. Cras mollis fermentum posuere. Maecenas iaculis neque nisi, eu ultrices dui dapibus ac. Cras nec quam felis.
MOO
Code
<a href="#heading--cookie"><span style="font-size:; display: block; background-color: plum; padding: 5px 10px;">Example headline</span></a>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut egestas nisi. Aenean vitae diam maximus mi dignissim vulputate. Ut ultrices, eros id ullamcorper cursus, velit felis egestas nisi, eu auctor quam neque eget eros. Cras in finibus magna. Donec eu diam mauris. Duis consequat velit nunc, tempor rhoncus odio vehicula vel. Donec auctor ante id eleifend pellentesque. Aliquam sed justo est. Vivamus pulvinar est in quam convallis hendrerit. In justo sapien, rhoncus nec est ac, pretium volutpat libero. Maecenas mauris quam, commodo ac placerat sed, volutpat et quam. Sed efficitur volutpat lacus sed vehicula. Ut orci tortor, porttitor eget semper sit amet, luctus non dolor. Cras mollis fermentum posuere. Maecenas iaculis neque nisi, eu ultrices dui dapibus ac. Cras nec quam felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut egestas nisi. Aenean vitae diam maximus mi dignissim vulputate. Ut ultrices, eros id ullamcorper cursus, velit felis egestas nisi, eu auctor quam neque eget eros. Cras in finibus magna. Donec eu diam mauris. Duis consequat velit nunc, tempor rhoncus odio vehicula vel. Donec auctor ante id eleifend pellentesque. Aliquam sed justo est. Vivamus pulvinar est in quam convallis hendrerit. In justo sapien, rhoncus nec est ac, pretium volutpat libero. Maecenas mauris quam, commodo ac placerat sed, volutpat et quam. Sed efficitur volutpat lacus sed vehicula. Ut orci tortor, porttitor eget semper sit amet, luctus non dolor. Cras mollis fermentum posuere. Maecenas iaculis neque nisi, eu ultrices dui dapibus ac. Cras nec quam felis.
<h2 id="heading--cookie"><span style="font-size:; display: block; background-color: plum; padding: 50px;"><a href="#cookie">MOO</a></span></h2>
2 Likes
Added! and yes, you can!
2 Likes
No problem! I’m here if you have any questions.
2 Likes
I forgot there was a taglist. 
Can I be added as well?
2 Likes
Done!
3 Likes
This is an example sentence.
This is an example sentence.
1 Like
1 Like
2 Likes
I’d never heard about small before. It’s much easier! Thank you!!! 
1 Like
No problem! 
2 Likes
night vibes
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porttitor felis sit amet nisi sollicitudin vehicula. Sed volutpat nulla sit amet orci lacinia tempus. Phasellus in dictum arcu, sit amet luctus ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec laoreet mauris gravida nunc sodales, id tincidunt augue ultricies. Cras sagittis urna pretium velit vestibulum, quis molestie velit ornare. Fusce condimentum tempus vulputate. Suspendisse potenti. Ut ullamcorper dictum quam ac pulvinar. Donec laoreet, massa sed commodo porta, lorem quam ultricies libero, a eleifend leo est suscipit urna.
blah blah blah
✧ coded by astrophile ✧
1 Like
fake title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porttitor felis sit amet nisi sollicitudin vehicula. Sed volutpat nulla sit amet orci lacinia tempus. Phasellus in dictum arcu, sit amet luctus ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec laoreet mauris gravida nunc sodales, id tincidunt augue ultricies. Cras sagittis urna pretium velit vestibulum, quis molestie velit ornare. Fusce condimentum tempus vulputate. Suspendisse potenti. Ut ullamcorper dictum quam ac pulvinar. Donec laoreet, massa sed commodo porta, lorem quam ultricies libero, a eleifend leo est suscipit urna.
✧ coded by astrophile ✧
1 Like
child 1child 2
I’ll come back to this one later.
1 Like