ASP.NET Core 3 and React

Styling the document body

We are going to use the traditional approach to style the document's body. Follow these steps to do so:

1. We already have CSS in place for the body tag in the index.css file. Let's remove everything apart from the margin and add a background color:

body {  margin: 0;  background-color: #f7f8fa;}

2. Let's also remove the redundant code CSS class in index.css.
3. Let's remove the App.css file from our project and the references from within the App.tsx file. Now, it should contain the following content:

import React, { Component } from 'react';import { Header } from './Header';import { HomePage } from './HomePage';const App: React.FC = () => {  return (    <div>      <Header />      <HomePage />    </div>  );};export default App;

That's tidied ...