As a developer,
I want to organize and structure our CSS file,
So that it is easy to develop in and make sense of
Acceptance Criteria:
Our App.css file is getting a little overgrown and needs some cleanup and some small bug fixes
[x] Remove the legacy styling that was automatically added when we bootstrapped our application. Such as the @media section, the .App-logo, and .App-link
[x] Move the text-align property out of .App and into a new CSS block specifically for the footer
[x] Change the .App-header rule so that it targets main instead, since we moved our JSX around a bit
[x] Remove the margin-top and border from .nav-bar
[x] Remove .heading-font and add a new CSS rule that targets everything and applies the font-family of Nunito Sans, and also the color white
[x] Arrange all of the CSS rules in a more logical order in the CSS file itself
User Story:
Acceptance Criteria:
Our
App.css
file is getting a little overgrown and needs some cleanup and some small bug fixestext-align
property out of.App
and into a new CSS block specifically for thefooter
.App-header
rule so that it targetsmain
instead, since we moved our JSX around a bit.nav-bar
.heading-font
and add a new CSS rule that targets everything and applies the font-family of Nunito Sans, and also the colorwhite