In the first part of the module we will focus on web fonts and font styling with CSS. Students will learn how to build functional, responsive navigation that hides behind a toggle icon for small mobile screens, but displays as regular horizontal navigation for wider screens. And lastly, we will explore display positioning properties to alter the position of individual elements.

Lessons

Text Styling and Web Fonts
Flex Grow and Responsive Navigation
Positioning Properties
In-Class Build #2
Toggle/Hamburger Navigation
In-Class Build #3
Assignment #2

DMIT1530 Home