While we made an initial change to add some style to our application, there’s certainly more we could do to make it look better. We want to apply more CSS styling.
You could add the following to your base template within the <head> element in order to add the Bootstrap CSS framework to every page. This will allow for some quick styling just by adding classes to elements.
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<meta name="viewport" content="width=device-width, initial-scale=1">
You might also consider checking out the suggested Bootstrap starter template which also links to various useful JavaScript libraries: https://getbootstrap.com/docs/4.5/getting-started/introduction/#starter-template
You’ll want to immediately improve the margins on the page by adding a container for your content: https://getbootstrap.com/docs/4.5/layout/overview/#containers
What other styling could you add to the page to improve the appearance?