An attempt at making a layout for my blog.
Problem
Assume there are three types of articles: post, link, and media. The blog engine renders them in the usual reverse chronological order. Find a way to
- Create a one-column list of articles ≤ some breakpoint
- Create a two-column list of articles above this breakpoint
- The left column should only have articles of type
post - The right column should have the remaining article types
- grouped by type
- and sorted by date/order
- The left column should only have articles of type
- OK if it's one-column when JS is disabled
Solution
We tried to do this only with CSS but that proved impossible. Rob's solution was more elegant and involved a minimum of JS but it did split the content into main and aside. I just cloned things 🤣 🐑