In this project, I had to build a responsive, mobile-first layout using HTML and CSS. I was given three image mockups for a mobile, tablet, and desktop layout to build the webpage. I used the mobile-first approach. Using min-width media queries, I added breakpoints to adjust the layout for a wider tablet and desktop screens.
Using CSS, I added an additional Google font to the page and styling to the links. Furthermore, I added an additional skills section to the page.
Broswers tested for compatibility:
- Chrome
- Firefox
- Edge
Grade: Exceeds Expectations