Challenge #1: Create a 12-card grid that moves from 4 cards, to 3 cards, to 2 cards, to one card wide

Requirements

  1. Center content on page using container class for main element.
  2. Create a minimum of twelve cards to use for your layout exploration.
  3. Organize your content into logical rows.
  4. Use only Bootstrap defaults to achieve your goals.
  5. Document your process as you go using the structure illustrated on this page.
  6. When you break something, try to fix it. If it is broken beyond repair, save the file as a fail and move on to a fresh attempt.

Challenge, Acknowledged.

randomly selected image
Card One

Some quick example text to build on the card title and make up the bulk of the card's content.

randomly selected image
Card Two

Some quick example text to build on the card title and make up the bulk of the card's content.

randomly selected image
Card Three

Some quick example text to build on the card title and make up the bulk of the card's content.

randomly selected image
Card Four

Some quick example text to build on the card title and make up the bulk of the card's content.

randomly selected image
Card Five

Some quick example text to build on the card title and make up the bulk of the card's content.

randomly selected image
Card Six

Some quick example text to build on the card title and make up the bulk of the card's content.

randomly selected image
Card Seven

Some quick example text to build on the card title and make up the bulk of the card's content.

randomly selected image
Card Eight

Some quick example text to build on the card title and make up the bulk of the card's content.

randomly selected image
Card Nine

Some quick example text to build on the card title and make up the bulk of the card's content.

randomly selected image
Card Ten

Some quick example text to build on the card title and make up the bulk of the card's content.

randomly selected image
Card Eleven

Some quick example text to build on the card title and make up the bulk of the card's content.

randomly selected image
Card Twelve

Some quick example text to build on the card title and make up the bulk of the card's content.

The Process?

This leads to the second bootstrap challenge.