Friday, December 18, 2020

Responsive Design Part 2


Image courtesy of 2nix
 
View the recording
Responsive Design Part 2 59:51 min
 
Download the tutorial files
files.zip 20KB
In this session the second on Responsive Design TAFE Digital teacher, Barry Collier looks at applying Responsive Design to images and text using media queries.
The session covers the following points:
  • What is responsive design?
  • Box-Sizing
  • Viewport
  • Grid-View Responsive Design
  • Media queries - breakpoints
  • Media queries - orientation & hiding
  • Media queries - variable font
Students will find the content of this tutorial session most helpful for units ICTWEB505 Develop complex web page layouts and ICTWEB506 Develop complex cascading style sheets and in particular for the DHTML-CSS Practical assignment.