/image-tabs

Practice using CSS :target by making image tabs.

Primary LanguageJavaScript

Image tabs

  • Approx. completion time: 1 hour
  • Deliverables: 1 HTML file, 1 CSS file, images

Practice using CSS :target by making image tabs.

  • Clicking each of the circle buttons on the page should display a single image on the screen.
  • No images should be shown when the page first loads if there isn’t a hash in the URL.

Goal

Visually match the images in the “screenshots” folder and create the interaction shown in the linked video.