IoGT website displays the logo and other important quick links in the header component. Following the figma prototypes for the website edition, improve the existing header component to reflect the design agreed on by the IoGT development team.
Follow the steps below:
[x] Create a new branch from develop called responsive-header. Hint:git checkout -b <new-branch> <existing-branch>
[x] Navigate to frontend/src/components path and enter the header directory.
[x] Make changes by adding javascript to index.js and CSS styling to style.css. The header should span the entire width of the device browser unlike in the current version.
[x] Commit the changes (as a single commit).
[x] Push changes to github. Hint:git push --set-upstream origin responsive-header
IoGT website displays the logo and other important quick links in the header component. Following the figma prototypes for the website edition, improve the existing header component to reflect the design agreed on by the IoGT development team.
Follow the steps below:
develop
calledresponsive-header
. Hint:git checkout -b <new-branch> <existing-branch>
frontend/src/components
path and enter the header directory.index.js
and CSS styling tostyle.css
. The header should span the entire width of the device browser unlike in the current version.git push --set-upstream origin responsive-header
Hint: https://www.makeschool.com/academy/track/standalone/react-fundamentals-vm0/build-a-header-component