Home Page Styling

[DevinaG007]

Description

Styled the home page of our shopping list app

• Styled new list form
• Styled list of lists
• styled sign-in and sign-out buttons

Related Issue

closes #56

Acceptance Criteria

The following components should be styled according to our prototype:

• Button: Sign In
• Input Text Box: Add new list
• Label: Add new list
• Button: Create list
• List Items: User's lists

Type of Changes

Enhancement

Updates

Before

After

Testing Steps / QA Criteria

1. Verify that the styling changes made look similar to proto-type and clean on mobile view.
2. Verify there are no errors or bugs with changes.

[github-actions]

Visit the preview URL for this PR (updated for commit f8b1436):

https://tcl-68-smart-shopping-list--pr61-dg-sm-home-page-styl-rvsk9lr0.web.app

_{(expires Thu, 11 Apr 2024 01:38:28 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 8cb5d089a99ba9972009993f4dd31796b0cbda84}

[andiedoescode]

Looks as expected like the screenshots.

Nit (non-blocking): Sign in button is super wide in desktop view. I know we're focusing on the mobile view so this is not a priority.

[etiry]

Yay, looking good! A couple of minor/low-priority comments that I think we can do without for now if we run out of time.