REACT - CSS

    // CSS
    class in react is className //Otherwise it won't work

    //Import the css file in index.js
    import "./index.css";

    const Book = () => {
    return (
    <article className="book">
        <Image></Image>
        <Title></Title>
        <Author></Author>
    </article>
    );
    };
    

    // JSX CSS
    values for the style, javascript objects and styles
    {} to create an object, insert other curly braces {{}}
    {} javascript
    {{}} object
    const Author = () => <h4 style={{ color: "#617d98", fontSize: "0.75rem", marginTop: "0.25rem" }}>Amelia Hepworth 👩‍👧</h4>;

    <h4 className="author">{author.toUpperCase()}📘</h4>
    

    // <
    

    // <