My goal this week is to practice defining a grid and ensuring I can layout and position any and every element exactly as I want. This assignment is comprised of four parts.
Design
Development
Deployment
Documentation
DESIGN
Design part of this assignment os about focusing and organizing: typography,layout and color before I start coding.
MOODBOARD
SKECTHES
Annotated hand-drawn sketches of my layout and content.
WIREFRAMES
Wireframes that translate your my-drawn sketches into a digital format. I used Adobe XD for my wireframes.
DESIGN
A "final" design that breathes life into my wireframes.
STYLE GUIDE
Basic style guide that is specifies at the very least about my typographic hierarchy, your grid, and color palette as a visual design source during development.
Development
You can reach the code below;