Demo: Github Pages Demo
Wireframe: Wireframe
- Build the following wireframe, as is, in HTML and CSS (bonus points if executed in Sass, please do not use any CSS frameworks such as Bootstrap).
- The page should be fully responsive for mobile, tablet, and desktop devices.
- Links on the page don't have to link anywhere, but should be built as though they are ready to do so.
- The "Featured Content" carousel should contain 3 items.
I have never attempted responsive design without a design framework before. I ran out of time to try and figure it out. I used flexbox to layout elements; I believe implementing responsive design would have been easier if I had built a grid system first. I have also never used relative element units (rem) before. I used it in this assignment because I noticed it used in the Talent Cloud portal. I also attempted to use BEM (Block Element Modifier) naming conventions from what I read over the weekend.
Reading: UX 101: A Basic Project Checklist
Assignment: Learning Assignment
- Write a short explanation (1-3 paragraphs) outlining the steps you would take to test and improve the wireframe provided, and why you have chosen those steps.
Technically I wrote 4 paragraphs, but I interpreted the requirement as being about approximate length.