CSS

My first CSS Grid Project: Old Porsche Ad Replica

See the CSS Grid Porsche Ad! See the Pen CSS Grid Advertisement (overlap) by Alec (@GrayHulk) on CodePen. Since this was my first foray into CSS Grid, I wanted to start off with an achievable goal but not make it too simple. At first glance, this might look like just …

CSS
1

CSS Grid Test: Replica of a Porsche Advertisement

See the CSS Grid Porsche Ad! This one is pretty simple, but I wanted to test the transform property to achieve the slanted center-line. To achieve the slant, I used skew — 5 degrees, I think — on both of the colored halves. What that did, though, is cause the …