Space-Board
Space-Board is a sample project demonstrating my Vue.js and CSS skills. The CSS implementation makes use of grid, flexbox, logical units and values, dynamic viewport units, fluid typography, media feature detection and container queries. It implements a mobile-first responsive design with four breakpoints. There are several state transitions and custom shaky, glitchy and flickering animations. The whole project with six functional widgets is implemented in less than 300 lines of JavaScript and less than 500 lines of CSS.
Space-Board on GitHub