Thank you! 
Oh, so I adapt the height so it’s landscape-ish on desktop and portrait on mobile? Okay, I’ll change the height 
Oh I use padding. So padding-right: 10px and then for the same span margin-right: -10px so everything will be aligned. Not sure if that’s what you meant though 
Thank you so much!
Thanks a lot for the suggestions!
Hmmm, I think it’s because of the scroll bar. I actually adjusted the margins and padding and they look fine on my iPhone
Maybe it’s a Windows thing? Anyway, I’ll try an x-scroll and see if it’s better
Oh, so like a screenshot? I think I’ll do that
Thanks a lot!
This looks really aesthetic already! You’ve done a pretty good job to make it look good and flexible XD
Thank you so much 
Looks amazing! And it’s much better vertical on mobile!
Thanks 
oof, it’s been a little quiet here
Anyway, thought I’d try making those computer-window-style codes that other people are making.
I am the programmer’s bane.
I am half comma and half colon,
I am the humble semicolon.
The hide-and-seek champion
according to my victims.
My presence, they should not neglect
lest the compilers reject
all the work they have been slaving over.
Such is the misery of the programmer.
These coders make me wheeze and cry
tears of laughter as their bloodshot eyes
scan endless lines of code
to seek the root of problems that arose.
I’ll give you a hint:
I’m part of it.
Or rather, my absence is.
Have you got the gist?
When my programmers do, they bang their fists
and I am sent into hysterics
for a little semicolon like me was all they missed.
After they put a clone of me
I am filled with glee
the moment they see
they are not yet free
for more errors have come to be.
Then they cause another racket
when they realize a missing bracket
caused the failure of their project.
Ah, of course, the other prime suspect.
And people wonder why programmers burn with fury
when they claim that coding is easy.
These amateurs do not know
what great lengths coders have to go
to produce a program that compiles and runs
as expected until the job is done.
Isn’t programming fun?
I am not the only one laughing.
Python is there in the corner, watching
and cackling
and muttering,
“I pity those who deal with such things.”
I am the programmer’s bane.
Semicolon is my name,
and for many programming errors, I am to blame.
<span style="font-size:; display: block; margin: auto; color: #909090">
<div align="justify">
<span style="font-size:; display: block; margin: auto; width: 85vmin; height: 50vmin; border: 1px solid; background-color: black;">
<span style="font-size: 1.8vmin; display: block; margin: auto; width: 100%; height: 5vmin; background-color: #909090; color: white; font-family: Tahoma, Trebuchet MS, Verdana, sans serif"><span style="font-size: 2vmin; display: inline-block; background-image: url('https://icon-library.com/images/command-prompt-icon/command-prompt-icon-19.jpg'); background-position: left; background-size: contain; background-repeat: no-repeat; width: 3vmin; height: 3vmin; margin: auto; margin-top: 1vmin; margin-bottom: 1vmin; margin-left: 2vmin; margin-right: 2vmin; color: #909090">.</span>Command Prompt
</span>
<span style="font-size: 1.5vmin; display: block; margin: auto; width: 83vmin; height: 43vmin; overflow-y: scroll; margin-bottom: 0px; font-family: Courier; padding-left: 2vmin; padding-top: 2vmin; color: white;">C:\Users\stella_vigo>"Documents\writing\poetry\the_programmer's_bane.docx"<br><br>
I am the programmer's bane.
I am half comma and half colon,
I am the humble semicolon.
The hide-and-seek champion
according to my victims.
My presence, they should not neglect
lest the compilers reject
all the work they have been slaving over.
Such is the misery of the programmer.
These coders make me wheeze and cry
tears of laughter as their bloodshot eyes
scan endless lines of code
to seek the root of problems that arose.
I'll give you a hint:
I'm part of it.
Or rather, my absence is.
Have you got the gist?
When my programmers do, they bang their fists
and I am sent into hysterics
for a little semicolon like me was all they missed.
After they put a clone of me
I am filled with glee
the moment they see
they are not yet free
for more errors have come to be.
Then they cause another racket
when they realize a missing bracket
caused the failure of their project.
Ah, of course, the other prime suspect.
And people wonder why programmers burn with fury
when they claim that coding is easy.
These amateurs do not know
what great lengths coders have to go
to produce a program that compiles and runs
as expected until the job is done.
Isn't programming fun?
I am not the only one laughing.
Python is there in the corner, watching
and cackling
and muttering,
"I pity those who deal with such things."
I am the programmer's bane.
Semicolon is my name,
and for many programming errors, I am to blame.
</span>
</span>
</div><br>
<span style="font-size: 12px; font-family: Garamond; display: block; margin: auto; text-align: center; color: #e08080; letter-spacing: 1.2px;">⭐︎ ✧ coded by stella_vigo ✧ ⭐︎</span>
</span>
Not the best, but it’s a start 
Oh, it’s not supposed to what device are you using? It looks fine on my phone and laptop
iPhone:
Windows laptop:
im using a windows desktop! maybe it’s my theme?
Hmm, it could be. Maybe the aspect ratios of our screens are different? It’s a mystery
The values I use are adjustable, so if you make your browser window larger or smaller the dimensions would adjust accordingly. I only got it to touch the edge when I really shrunk my browser window.
hmm my display is standard (1920 x 1080) so idk man, def a mystery haha
Coded this entire thread.
Damn was it exhausting-
How do I get the watermark and table of contents to come out of the main big box? I have the closing attributes for all styles, but still, my boxes are just making separate boxes inside of the main one, and I cannot figure out how to get it to add more boxes!
I don’t quite understand what you mean 
Could you show me how it looks like?
I can’t get the extra stuff to form another separate box at the bottom or for my watermark to come out of the scrollbox…
I want to add a table of contents, but separately, not in the scrollbox, but that’s not working…
hmm, send me the raw code please? it’s easier to see what went wrong
<span style="font-size: 200%; text-transform: uppercase; padding-top: 5% ; padding-right: 20%; padding-left: 20%; padding-bottom: 5% ; display: block; background-image: url('https://images.unsplash.com/photo-1528459105426-b9548367069b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1yZWxhdGVkfDE4fHx8ZW58MHx8fHw%3D&auto=format&fit=crop&w=500&q=60') ; font-family: fantasy; background-size: cover; text-shadow: 5px 5px #000000; margin: auto; box-shadow: 20px 30px #000000 ; letter-spacing: 3px ; color: white ; height: 50% ; width: 40%"> [size=3]A little about[/size] [size=5]
Indian Dressing Culture! [/size] </span>
<span style="font-size: 100%; text-transform: uppercase; padding-top: 5% ; padding-right: 10%; padding-left: 10%; padding-bottom: 5% ; display: block; background-image: url('https://images.unsplash.com/photo-1528459105426-b9548367069b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1yZWxhdGVkfDE4fHx8ZW58MHx8fHw%3D&auto=format&fit=crop&w=500&q=60') ; font-family: sans-serif; text-shadow: 5px 5px #000000; margin: auto; box-shadow: 20px 30px #000000; color: white ; height: 500px ; width: 50% ; overflow: scroll; webkit-scrollbar: 20px; ">
txt
Bridal lehenga:
<img src="https://5.imimg.com/data5/VY/ER/MY-2363941/red-hand-embroidered-bridal-lehenga-500x500.png" alt="bridal lehenga">
Casual Lehenga:
<img src="https://cdn.shopify.com/s/files/1/2395/9105/files/Simple-Cotton-Lehenga_large.jpg?v=1568099129" alt="casual lehenga">
txt
simple Punjabi dress (notice the special flare of the pants):
<img src="https://images.textileexport.in/images/500/20200929/1601372105962117668-Mehta%20Mastani%20vol%2015%20(1).jpg" alt="simple Punjabi dress">
Salwar-Kameez (a fancy version that can be worn to parties):
<img src="https://i.pinimg.com/736x/9d/49/0a/9d490a4462b5935dd1180c82b5e902df.jpg" alt="fancy salwar">
Fancy Palazzo Punjabi:
<img src="https://static.peachmode.com/media/images/feed/72405/promotions/1622668935_1604146661_1_RHFS-RAAZI30033-RF23408-PEACHMODE.jpg" alt="fancy palazzo punjabi">
txt
Bridal Anarkali:
<img src="https://i.pinimg.com/originals/23/0f/ee/230feed49fbbec79e6b92b840751c880.jpg" alt="bridal anarkali">
text
<img src="https://cdn.sareeka.com/image/data2019/net-resham-floor-length-anarkali-suit-116521.jpg" alt="fancy anarkali">
text
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSkKcX9tO7QInflD2g66nrT5GVUth15chhRew&usqp=CAU" alt="dailywear anarkali">
text
<img src="https://img2.ogaanindia.com/pub/media/catalog/product/cache/2cc7cc3782dae2c058118a9f2f1b3f37/1/_/1_7246.jpg?v=1.3" alt="odhni / dupatta / choli">
text
</span>
<span style="font-size: 90%; text-transform: uppercase; padding-top: 5% ; padding-right: 20%; padding-left: 20%; padding-bottom: 5% ; display: block; background-image: url('https://images.unsplash.com/photo-1528459105426-b9548367069b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1yZWxhdGVkfDE4fHx8ZW58MHx8fHw%3D&auto=format&fit=crop&w=500&q=60') ; font-family: sans-serif; text-shadow: 5px 5px #000000; margin: auto; box-shadow: 20px 30px #000000">
text here
<span style="font-size: 10%; text-transform: uppercase; padding-top: 5% ; padding-right: 20%; padding-left: 20%; padding-bottom: 5% ; display: block; background-image: url('https://images.unsplash.com/photo-1528459105426-b9548367069b?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1yZWxhdGVkfDE4fHx8ZW58MHx8fHw%3D&auto=format&fit=crop&w=500&q=60') ; font-family: sans-serif; text-shadow: 5px 5px #000000; margin: auto; box-shadow: 20px 30px #000000">
taglist: @stella_vigo @J.L.O @Manya707
(request to get added to the taglist below)
</span>
<div align="center">
<span style="font-size: 10 pt ; color: #b3b3b3; letter-spacing: 3px; "> *coded by val*
</span>
</div>
[feel free to inspect if it makes it easier to comb though… And ignore the webkit-scrollbar attribute. It didn’t quite work…]
Absolutely not! Welcome to the discussion!
Ah okay!
Hm okay
Yeah, I figured that. I just didn’t get to removing it again lol.
It just makes it easier to comb through for myself, so I just space things out 
OOH thanks for that! I didn’t exactly want it to be like this, but thanks! I didn’t make the images and text separate because I have like three images for each dress lol. I do wanna know how you got the watermark to come out of the main code… I’m going to spend some time beautifying it this weekend, hopefully, and I want to add a table of contents then…
