Passenger
Mr. Brett Michael Jones
Barcode
Terminal
1
Gate
52
Boarding
12:30 pm
Origin
Perth per
Perth to Tokyo
Destination
Tokyo nrt
Passenger
Mr. Brett Michael Jones
Origin
Perth per
Destination
Tokyo nrt
Gate
52
Seat
2
CSS Grid a Day

This is the ‘CSS Grid a day’ entry for May 15.

An example of using CSS grid every day, running from May 1–31st, 2019.

About this entry

Following up to yesterday’s flight booking UI, here’s a boarding pass created with CSS Grid.

This one has a fair few magic numbers and hacky workarounds (particular for mobile), but it was a lot of fun.

I’m not sure I’d ever be able to rotate the canvas by 90° and call it a day in any real world scenario, but hey, worked here.

← PrevIndexNext →