product2.jsx

import React from "react";
import styled from "styled-components";

const Card = styled.div`
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 10rem;
    max-width: 90%;
    height: 10rem;
    padding: 1.5rem;
    margin: 1rem;
    color: #333;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
`;

export function Product(props) {
  return (
    <Card>
      <span>$3.99</span>
      <p>Widget</p>
      <p>Shiny and Strong</p>
    </Card>
  );
}