For most Codecademy course material, we are given an in-browser development environment to practice concepts that were just taught. But occasionally we are directed to build an exercise off the Codecademy learning platform. This is my collection of exercises from various courses under Codecademy's HTML & CSS umbrella of courses.
-
Dasmoto's Arts & Crafts
An art shop landing page as an exercise for the Intro to Local Website Development chapter of the Build a Website with HTML, CSS, and Github Pages skill path. We are given the images to use and a specification that requires practicing fundamental HTML and CSS. -
Tea Cozy
A tea shop landing page as an exercise for the Learn CSS: Flexbox and Grid course. We are given the images to use (including the top-left logo) and a specification that requires using CSS flexbox for a proper layout that dynamically reacts to window size. -
Excursion
A phone app landing page as an exercise for the Git and Publishing to GitHub Pages section of the Build a Website with HTML, CSS, and Github Pages skill path. We are given images and a video to use plus two specifications showing how it should look and styling details that must be present. The primary intent is to establish familiarity with publishing via GitHub Pages. -
Colmar Academy
An educational institution landing page as capstone project for the Build a Website with HTML, CSS, and Github Pages skill path. We are given images and a video to use plus a single wireframe with only partially specified details. We are left to fill in the gaps at our discretion. The primary intent of this project is to establish our design sense and make good judgements in the face of ambiguity. An extra challenge was added with the fact it required using media queries to switch between desktop and mobile views, and it is up to us to decide on appropriate breakpoints and how layout will dynamically change to suit.