This goal of this project is to recreate job posting in order to practice flex-box and grid.
We were given control over the copy, colors, and images. However, I chose to leave the original styles unchanged. The main layout was created using nested grid containers, and some individual layouts were aligned using flex.
The project is created with HTML and CSS, and responds properly to resizing the window, as well as mobile viewports down to 320px width. Charts were created with the Chart.js library, and applied to <canvas> elements.
Below is the original comp to replicate:
Below is the recreated webpage:
Mobile:
Clone the repo and open the index.html file in your web browser of choice or navigate to https://jarrettkong.github.io/jk-comp-challenge-2/ to view it in the browser.
Chart.js
The bar chart overflows slightly on resizing.