Hulya - Welcome page

[hulyak]

Description

• designed the welcome page according to Figma
• created custom styles for Typography
• used flexbox layout

Note: I think we can have more space between the lettuce image and GreenButton. I have tried to edit GreenButton, but styling didn't apply. Maybe we can play with it, later!

Edits:

• removed GreenButton.css, styling is not working.
• edited button styling inside src/themes/theme.js
• created 20px margin for green button

Related Issue

closes #63

Acceptance Criteria

Type of Changes

	Type
	:bug: Bug fix
	:sparkles: New feature
✓	:hammer: Refactoring
	:100: Add tests
	:link: Update dependencies
	:scroll: Docs

Updates

Before

After

Testing Steps / QA Criteria

• pull down welcome-page branch
• npm start
• see the changes in welcome page

[github-actions[bot]]

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

https://tcl-28-shopping-list--pr64-welcome-page-1g37v5lt.web.app

_{(expires Thu, 09 Sep 2021 15:41:17 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

[isaabutaa]

Nice job with this @hulyak! I see you added some more typography styling to keep it consistent throughout - that's awesome. In regards to increasing the margin for the GreenButton, you could do it by editing the styling for MuiButton inside of src/themes/theme.js:

MuiButton: { root: { borderRadius: '25px', margin: '8px', // you could edit the margin here }, },

I probably should have gotten rid of the GreenButton.css file because it doesn't actually work. 🤦‍♂️