marcus-grant
commented
1 year ago Resolved by adding some basic size modifier classes like sm:prose-sm to 2xl:prose-lg. Once it hits the lg breakpoint it uses one size below in the modifier class. Also applied w-full and overflow-x-auto to fix some wide content issues like code blocks and tables.
On looking at the scale of text on a mobile browser, the size of most things is too large on mobile. The margins/padding is also a bit awkward, there should be some small margin or padding around the main layout or article layout because it looks odd when text starts to the immediate left of the edge of the screen. The tailwinds typography documentation & responsive design documentation should have some useful info.