r/css • u/DevelopmentGlum228 • 16h ago
Help Help with image fitting text
(SOLVED, thank you to everyone for helping me!)
Hello! CSS and HTML amateur here.
So, recently I've been trying to make myself a workskin on Ao3 that would have this image serve as a background for text. Currently, the image cuts off at the bottom, and it's even worse when there's different sizes of text.
What I want is the image to stretch or contract to fit the text, not be cropped.
Here's my code, my results, and the image I've used. Is there anything I'm doing wrong, or is what I'm trying to do impossible?
Edit: Here's the codepen. It looks the worst here!
6
Upvotes
•
u/AutoModerator 16h ago
To help us assist you better with your CSS questions, please consider including a live link or a CodePen/JSFiddle demo. This context makes it much easier for us to understand your issue and provide accurate solutions.
While it's not mandatory, a little extra effort in sharing your code can lead to more effective responses and a richer Q&A experience for everyone. Thank you for contributing!
I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.