Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
30 lines (22 sloc) 1.24 KB
---
title: CSS Grid a Day
date: 2019/05/02
type: post
meta_description: In April I thought I’d give myself a little challenge—design a layout with CSS Grid—some practical, many not-so practical—every day in May.
body_classes: page-blog
---
<figure class="image_expand">
<%= image_tag 'blog/2019-05-02-css-grid-a-day/website.png', style: 'border-radius: 5px; box-shadow: 0 1px 3px rgba(0,0,0,0.4), 0 4px 14px rgba(0,0,0,0.3);', alt: 'Screenshot'%>
</figure>
I’ve been meaning to properly learn CSS Grid for some time now.
Two things occured recently. I finally got around to watching Wes Bos’ excellent
(and free) [Learn Grid screencast series][lg], and my hardcover copy of Andy Clarke’s
[Art Direction for the Web][a] arrived.
So late in April I thought I’d give myself a little challenge—design a layout
with CSS Grid—some practical, many not-so practical—every day in May.
It’ll be a miracle if I can keep to the schedule, but so far it’s been a lot of
fun. We’re only two days in though—check in with me in a week’s time! 😅
You can follow my experiments in CSS grid here: [cssgrid31.brett.cool][w]
[lg]: https://learncssgrid.com/
[a]: https://stuffandnonsense.co.uk/artdirectionfortheweb/
[w]: https://cssgrid31.brett.cool
You can’t perform that action at this time.