Milestone: Transforming our project's CSS

[hanseaston]

Right now, our CSS style is global, which isn't ideal if our project scales up.

We have two (definitely more, feel free to brainstorm) options, either using CSS modules, or styled Components.
I personally would prefer using CSS modules because it's easier to get your feet wet and get started, but I definitely see some tradeoffs.

Since this is a big task (transforming all of our project's style is a lot of work), we will tackle the style one file after another using individual tracking issues. We will probably imitate the protocol resembling #25 to make progress slowly.

I'm listing this as one of the major milestones.

Please let me know what you think.

[li3097]

I was originally looking at the about page since that was the issue listed on http://issuehub.io/?label%5B%5D=html&label%5B%5D=enhancement&language=

If I am understanding this issue, its the bigger version of the one listed on issuehub.io. I am thinking doing something similar to this https://images.template.net/wp-content/uploads/2017/04/17122905/Online-Food-Delivery-Website-Template.jpg with the brown from your potato logo instead of the black listed. The picture was just a loose idea of what I am thinking. I could add a css page to get started but I am not quite familiar enough with the languages used to connect the pages.
For a quick 'fix' to the about page, I was thinking adding a wide header picture with some text on it to make it look less thrown together.