I am looking for some nice CSS

Something that will look good on the desktop and on mobile. Here is my wish list:

  1. No margin on mobile
  2. Decent font size on desktop and mobile
  3. Column-style on desktop, should have margins left and right to make it look a bit nicer

Current solution

The current solution is adapted from Koley. Unfortunately, on mobile this leaves the text too small to read, margins on the sides and even the option to scroll horizontally if you zoom in. Yuck.

This was fixed by adding a

Click here to use this style. View CSS

bettermotherfuckingwebsite

Let's instead try stuff from bettermotherfuckingwebsite.com: Same problem: Margins, zooming allows horizontal scrolling.

Click here to use this style. View CSS

Code blocks

Now I also want some nice code blocks. This doesn't have syntax highlighting but it wraps nicely on mobile and with the JavaScript I can just copy&paste code and don't have to escape < and >.

Cursus consequat

Cursus consequat urna porttitor fames faucibus dictumst scelerisque tellus ad fringilla, adipiscing cras imperdiet odio viverra class dui ex libero habitasse at, facilisi aliquam mollis tristique pellentesque sagittis velit pharetra consectetur. Dapibus erat litora odio cubilia commodo varius habitasse, curabitur dui non integer penatibus viverra vestibulum, blandit donec cras facilisi nisi per. Ante nascetur dignissim justo congue phasellus dapibus nunc nulla, mattis integer parturient malesuada accumsan at facilisi vestibulum, per lorem sit orci lacus aptent ridiculus. Ipsum congue ad dapibus dolor viverra libero commodo sapien, faucibus nec at metus elit rhoncus nulla velit, aliquam auctor in vehicula turpis parturient semper. Mi ligula efficitur sodales accumsan faucibus quis parturient nisi, tempus rutrum molestie primis pellentesque id eros ex, proin euismod cursus dictum tellus a at.

Dictum lacinia

Dictum lacinia accumsan nisl justo nostra neque, eros a sed ligula metus et himenaeos, vivamus pulvinar elementum mattis bibendum. Aptent ex proin mattis convallis odio est felis mi tincidunt parturient arcu, ut auctor nisl inceptos suspendisse penatibus lobortis nulla conubia maecenas. Ut eleifend natoque vestibulum finibus eu parturient tincidunt nostra malesuada a, aliquam sapien id tempor gravida mauris neque blandit tortor felis litora, praesent magna orci class laoreet ac sociosqu urna fermentum. Pharetra ridiculus fermentum odio vehicula inceptos, faucibus magnis tincidunt cubilia sem convallis, neque at accumsan maximus.