IoGT publishes articles to the public on a continuous basis for various groups of users including knowledge workers, youth and adolescents etc. This content is accessed on different hardware devices ranging from desktops, laptops, tablets, smart phones to feature phones. Therefore a consistent and responsive web design across all devices is important to help meet the information needs of the various categories of users.
Keeping the Figma wireframes in mind, carryout the tasks below:
[x] Create a new branch from develop called ui-design-single-article. Hint: git checkout -b <new-branch> <existing-branch>
[x] Design the UI to match the figma wireframe for listing IoGT single Article View
Make it responsive for:
[x] Feature phones
[x] Mobile phones
[x] Tablets
[x] Desktop
[x] Verify everything is working by running yarn run build before pushing changes to github.
IoGT publishes articles to the public on a continuous basis for various groups of users including knowledge workers, youth and adolescents etc. This content is accessed on different hardware devices ranging from desktops, laptops, tablets, smart phones to feature phones. Therefore a consistent and responsive web design across all devices is important to help meet the information needs of the various categories of users.
Keeping the Figma wireframes in mind, carryout the tasks below:
developcalledui-design-single-article. Hint:git checkout -b <new-branch> <existing-branch>Make it responsive for:
[x] Feature phones
[x] Mobile phones
[x] Tablets
[x] Desktop
[x] Verify everything is working by running
yarn run buildbefore pushing changes to github.[x] Commit the changes (as a single commit).
[x] Push changes to github. Hint:
git push --set-upstream origin ui-design-single-article[x] Open a pull-request.