US1 - First elements and mobile optimization

[chris-kuehn]

Value proposition

As a user interested in coding and design I would like to see an introducing headline and the canvas of the mobile-only Art-Generator-App, In order to get a first impression about the layout of the app.

Description

Acceptance criteria

• [ ] display the surface of the mobile-only app
• [ ] display the main headline "The Art Generator"
• [ ] display the canvas of the art generator

Tasks

• [ ] create branch "first-elements-and-mobil-optimization"
• [ ] create h1 "The Art Generator", font-family: Helvetica/Arial/sans serif, font-weight: bold, font-size: 32px/2rem
• [ ] create a canvas element, height: 312px, width: 312px, border: 1px border-color: black
• [ ] create a div as a wrapper around the content with a width of 376 px and center it with using flexbox

Size S

[ninaassmann]

u don't need to specify the styling in the acceptance criteria maybe the hard coded widths and height are not best practice, try using percentage or vw / vh not every phone has the same size, so it can cause problems

[chris-kuehn]

Hi Nina,

thank you so much for your super quick reply! :)

You are right, I will take the styling details out of the acceptance criteria.

Hard coded width and height are certainly not best practice!!! I will adjust the layout at a later time in a following user story and still work with fixed values in the current user story.

Thank you and happy coding!

Christian

[izabelladobielewska]

Hi Christian, If you prefer pixels for now, the story looks ready:)

[chris-kuehn]

Thank you Izabella for your feedback .... so lets do a bit of coding :)