About the Submission

I created the front page from The Daily Telegraph, the fictional newspaper from J.K Rowling’s Harry Potter books. These types of old-style print layouts have generally been quite challenging to replicate digitally, but CSS Grid offers new possibilities. I would have loved to replace the images with videos or gifs, to come even closer to how the newspaper is described in the books, but am instead using images without any copyright restrictions.

Other than CSS Grid, I’m also using CSS Shapes to get text to wrap around a circular image, as well as a fun little CSS animation to have the owl fly down with the logo. I added an external JS plugin to get the headlines to fill out their lines, as well as modernizr.js paired with an early jquery version to help with old Internet Explorer compatibility.