Step 1

In this workshop, you will build a FIFA-style football player card builder using React and TypeScript syntax extension (TSX), the TypeScript equivalent of JSX. Remember from JSX that you write HTML-like elements directly inside JavaScript. One important difference from regular HTML is that you use `className` instead of `class` and `htmlFor` for CSS class and for attributes. This is because `class` and `for` are reserved keywords in JavaScript. The CSS for the project has been provided for you so you can focus on the TypeScript part. You can take a look at it as you will be using classes from it. Change the `h1` element to the text `Football Card Builder`.