---
title: Rebuilding Creative Boom’s article page using Utopian fluid typography
date: 2024-03-03T16:20:00+00:00
author: John Henry Donovan
canonical_url: "https://johnhenry.ie/blog/2024/03/rebuilding-creative-booms-article-page-using-utopian-fluid-typography"
section: Blog
---
Browse by categoryAll PostsWeb DevelopmentDesignLifestyleMusic & FilmTutorialsSpottedSpeakingReviewsFound FoodRecipesIreland

[](https://johnhenry.ie/blog)

# Rebuilding Creative Boom’s Article Page Using Utopian Fluid Typography

Posted on 03rd March, 2024

From Clagnut (Richard Rutter) [a tutorial](https://clagnut.com/blog/2428/) on rebuilding the newly redesigned Creative Boom article page using Utopian fluid typography to replace its multitude of breakpoints. One adaptive design with no media queries, less compromise across viewports, and far less design and development debt

![A computer screen displays an article about PJ Harvey's album cover winning the Best Art Vinyl 2023 Award. The browser's developer tools are open on the right side, showing HTML and CSS code. The article includes text and a small image of the album cover.](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAARCAIAAAAzPjmrAAAACXBIWXMAAA7EAAAOxAGVKw4bAAADVklEQVQ4jW2VW4sdRRSF175U9ZzMJD4IXkDFv6A/0zff/EM+CeZJJYIihmQSyW1u53TVvvnQZ8xMcLMoqKZrfaxdu2n67ofviSAsTaRLW1QX7Yu2rtpElYXBDFQiI93Cpq2rHQ7rzfV6ebV/++7m1eurZ88vH//47jxeAefAL7hTLMLCoszCLMIiIrJtjhJhFhHhW8lxVRZlVVbl1vnhpwwo0HC/dLc0ItoSNGlLa4u2rq1r2xIIMRWqkJ6qwcIgFCoyzH1MOx3Lo4+Wz744+f35CXAKfAX8/R5w9mBHRMKsol21a1/aPQATEwhZGRXubaqqsDARCrU9trAR9s234/HPA/gE2AOvjoCHZxtAVKRr66331hbtbQPIloCqUBHbHfTetIkIkQBcSRkIRxhsFf/tpwASaMA5AH109gAfAnpvvWvTI0AIQCJvAa3r1jtigKqQiYhyJzeO2fKPPwsvBDgDLvT0dEcgEVHR9h7QunY9+ggBqP8AU5vI1jlUIaPC0y19ls/ySTF7Pv2Y8LTh8qHuTk6Od6DatPd2ZDTtTVV5awRQQERoqDDz5p2Z4RnmNt2Gz9VPVp+HtK/hN5pvTgn7RZfeQRAW1bsJetOm2gABGCCgICLkBFRVRrj3adZ760vvoy1LP1n6btdPZ39ky5fhb6iwiIoKgbbBFlG5U4DcAxBBiiXlwy/i9qiKiKpqV901/bzpeaYCDCLaXIhu7Tb9f9X7FwigAgFcxdvZKqoiFGUygjULBKCKChlIrowKTqEUSdCGIaCQCc+IjG2N9KiI8oBHeZR7mcMcc9Z+rZeHxD7VowAIFyqpgsBHJZdApUCMIlQhMtznDDOfFtPCLKelWcyZ03KduY48HOLqJp5dBt463ppOSyIEVSYqqYpRhKBSpGRS3pnHdHMzH+Oe1hHriMMah0Pc7P3yOv658NcvDU8mMHVaEIi5MlBClYRAKSoqOYOTiaioqjLSPWz6mDaGjeHr0d0Pqx/W2B/8+sbfXNiTl765A+OYgImTUYlKQIEEpJJLKJmIQJW3APMxfA4f81Yjxoh1jf0hrq7jxbvArwYYMIBVPZIIss0hiJGO4CJKgFHMDKbtf5AbINzDPNzCPc1yek7LMWMdebPmXxcBBOCAA/NfeRmHombSDcUAAAAASUVORK5CYII=)

### Share this link via

###### Or copy link

Copy

[ Previous Post

Solpace Podcast: The Benefits Of …](https://johnhenry.ie/blog/2024/03/the-benefits-of-visual-asset-management-with-guests-from-imgix "Previous Post")

[Next Post

The Beginner's Guide To Faster We…](https://johnhenry.ie/blog/2024/03/the-beginners-guide-to-faster-websites "Next Post")