Web Design

Hello, World! In teaching my web design students to code from scratch, I worked through common problems and solutions in real time on CodePen during class, so they could follow along and access the pens later. Here are some of my favorites:

Media Queries: Product Cards

See the Pen Product Card Example - March 28 by Jack (@GDES2342) on CodePen.

Fancy Slider

See the Pen Product Card Slider by Jack (@GDES2342) on CodePen.

Zoom on Hover

See the Pen Card Examples by Jack (@GDES2342) on CodePen.

“Cropping” an Image

See the Pen Hero as a background with color background by Jack (@GDES2342) on CodePen.