US 10 - Global Styling - Githubissues

Larissartoricader / Capstone

https://capstone-lime-gamma.vercel.app

2 stars 0 forks source link

US 10 - Global Styling #16

Open nattenhagen opened 4 months ago

nattenhagen commented 4 months ago

Value proposition

As a user I want to to have a structured uniformly design for my Pages In order to have a good User Experience

Description

Acceptance criteria

[ ] Homepage and BookmarkPage: The RecipeCards should have a responsive and structured design
[ ] The Bookmark Icon should be on top of the Card
[ ] The image should go with the full lenght of the Card
[ ] The Text should be aligned in the Card
[ ] The Design should be mobile first (IphoneSE) and breaks at different device sizes
[ ] Create Page: The min and max lenght for title should be restricted between 0 and 50 signs

Tasks

[ ] Define a global styling in GlobalStyles.js and implement component in app.js
[ ] Make Homepage and Bookmark Page responsive
[ ] Refine Styling for Card (Icon, Image and Text)
[ ] Set the BookmarkIcon to Design.
[ ] Implement min and max lenght

marcelherr commented 4 months ago

Overall, your plan seems focused on improving design consistency and user experience, which are crucial aspects of any successful website or application. Very Nice!