Trial Three

Responsive Image Gallery

little girl on the beach with a bucket
Building Sand Castles
close up if sand on the beach
Zen Beach
little boy investigating the beach
Beach Investigations
horsing around on the beach
Relaxing on the Beach

This is what I did:

  • looked around on the w3schools website.
  • found this awesome CSS animated image gallery.
  • found some images and started hard coding by referencing w3schools.

This example combines CSS3 (animation and media queries) and JavaScript, to create a responsive image gallery that will enlarge an image when it is clicked on.