Sometimes the need arises to include a list of upcoming events, recent news or job postings. The problem that sometimes occurs is the data exists on another site as an XML document. Now, you could use Feeds and periodically import those into your site as nodes and then have them set to expire (because you wouldn’t want to keep these forever). But that would take up space in your database and there’s no need for that level of complexity or trouble.

The trick is to use the rem unit introduced in CSS3, which refers to the root element size. In mPDF, 1rem is equivalent to the font size of the HTML body element. All other elements which appear as blocks in the columns, such as headings, subheadings, and info boxes, need to have a vertical size which adds up to an exact multiple of the body text or its line-height. Using rem makes the calculation easier, and also means that changes to body text size will scale other elements proportionally.

The trick is to use the rem unit introduced in CSS3, which refers to the root element size. In mPDF, 1rem is equivalent to the font size of the HTML body element. All other elements which appear as blocks in the columns, such as headings, subheadings, and info boxes, need to have a vertical size which adds up to an exact multiple of the body text or its line-height. Using rem makes the calculation easier, and also means that changes to body text size will scale other elements proportionally.