Method 1: code everything for your thread within the middle 300px of the post box

Pros:

- you can position things (using margins) with px with little worry mobile will fuck it up
- what you see on your desktop/laptop is what (most) people will see on their phones

Cons:

- a looot of wasted space on the desktop/laptop version of the thread but it looks perfect on mobile
- tiny threads, basically, and it's not recommended for word heavy threads either

Method 2: do not define a width for your outer span and then code the inner spans relative to the outer span

Pros:

- things resize on their own and you don't have to worry too much about mobile responsiveness
- probably the easiest of the three methods and the one I use the most when coding

Cons:

- you (usually) end up having to do a lot of span layering to make this work, which can get confusing fast
- not recommended for certain types of designs such as those using multiple columns (they get shrunken a lot)

Method 3: code using vw and vh as your units or code with percentages as your units

Pros:

- probably the most optimal way to get the code to match across platforms since it's based on screen size
- things typically position the way you'd expect them to, so it's good for simple designs

Cons:

- resizing can fuck up complicated designs (it's just a confusing thing to me)
- it is also super annoying to use half of these units (vw/vh) but percentages aren't /as/ bad