marceljones / ASSIGNMENT-product-cards

0 stars 0 forks source link

Requirements #9

Open marceljones opened 3 years ago

marceljones commented 3 years ago

Requirements

Your task is to build a grid of cards for a company's products. Here are the requirements for the basic structure of the cards.

  1. Each card should be a div.
  2. Cards should be 3 per row.
  3. Each product should contain a header element that, itself, contains an h2 element where the product's title will be written.
  4. Each product should have three block level html elements.
  5. The first section should contain three child block elements.
    1. The first element contains the product image.
    2. The second element contains the product description.
    3. The third element contains the product availability (e.g. "Available" or "Not Available")
  6. The second section contains product specifications.
    1. This section should have a header containing the word "Specifications"
    2. This section should contain two block elements
    3. The first block element specifies the size.
    4. The second block element specifies the weight.
    5. This section should contain a footer.
    6. The footer contains text stating when the product specifications become invalid.
  7. The third section contains the product pricing.
    1. This section should contain a header.
    2. This section should contain three block elements.
    3. Each block element contains information about the price for different quantities.