As a User
I want to see a UI which is able to get adjusted to all mobile displays
so that it is easier to understand and navigate through the WebApp.
Description
Implement a responsive design using responsive units and set general css-variables to use them all over the WebApp in order to get a more intuitive one, which is able to be used in every mobile device.
Acceptance Criteria
[ ] All pages must be responsive styled.
Tasks
[x] Adjust the Header, StyledMain and NavBar with responsive design (vw, vh, %, etc...),
[x] Style page "Home" (landing page) with responsive units,
[x] Adjust the Height of every section with responsive design (vw, vh, %, etc...),
[x] Adjust the Margin und Padding of every section with responsive design (rem, em, etc...),
[x] Remove all the reference links to get back to the previous page (StyledP), they are not really necessary,
[x] Style page "InfoPage" with responsive units,
[x] Adjust the Height of every section with responsive design (vw, vh, %, etc...),
[x] Adjust the Margin und Padding of every section with responsive design (rem, em, etc...),
[x] Adjust PriceCalculatorForm,
[ ] Style page "Bikes" with responsive units,
[ ] Adjust the Height of the section with responsive design (vw, vh, %, etc...),
[ ] Make the overflow of the showed bikes scrollbar up and down,
[ ] Adjust the Height and width of every photo with responsive design (vw, vh, %, etc...),
[ ] Style page "Bikes Details" with responsive units,
[ ] Adjust the Height of the section with responsive design (vw, vh, %, etc...),
[ ] Adjust the Margin und Padding of every section with responsive design (rem, em, etc...),
[ ] Style page "Contact us" with responsive units,
[ ] Adjust the Height of the section with responsive design (vw, vh, %, etc...),
[ ] Adjust the Margin und Padding of every section with responsive design (rem, em, etc...),
[ ] Style page "Shopping Cart" with responsive units,
[ ] Adjust the Height of every section with responsive design (vw, vh, %, etc...),
[ ] Adjust the Margin und Padding of every section with responsive design (rem, em, etc...),
[ ] Set general css-variables for colors and implement them.
[ ] Set the logo of "Havana Bikes" as a link to get back to the landing page.
Value Proposition
As a User I want to see a UI which is able to get adjusted to all mobile displays so that it is easier to understand and navigate through the WebApp.
Description
Implement a responsive design using responsive units and set general css-variables to use them all over the WebApp in order to get a more intuitive one, which is able to be used in every mobile device.
Acceptance Criteria
Tasks
Complexity
XL