When people think of CSS Grid they normally envision image grid layouts and full web pages. However, CSS Grid is actually a superb technology for laying out articles as well, as it allows you to do things which previously was tricky to achieve.
In this tutorial, I’ll explain how to recreate the famous Medium article layout using CSS Grid.
This article has been inspired by our free CSS Grid course at Scrimba. Check it out here.
We’re going to start off with a basic HTML file, which contains the type of content you’ll typically find in a Medium article. For example: title, paragraphs, subtitles, images, quotes and so forth. Here’s an outtake:
... read the whole story at medium.freecodecamp.org.