Responsive Web Layout with CSS
R750 R950
  • Intermediate

About Course

This course shows you how to build web pages that look right on a phone, a tablet and a lab computer. You will learn CSS layout step by step, from flexible containers to spacing and alignment. Each week you work on a small page of your own and get feedback from your tutor. By the end you will have a responsive layout you can add to your portfolio and reuse in later projects at Tafelberg University.

What Will You Learn?

  • Practise your new skills with hands-on exercises (worked solutions included)
  • Organise your work into clear steps you can repeat on your own projects
  • Get friendly, fast support from tutors in the course Q&A
  • Downloadable notes, files and worksheets for every project

Course Content

Getting Started
This topic gives you a short overview of what you will cover. Read it before you start the lessons so you know what to expect each week.

  • Introduction to CSS Layout
    03:54
  • What is CSS?
    04:33
  • Course Outline
    02:44
  • Getting Started
    04:05
  • Flex: Align items center
    07:00
  • Quiz: CSS Layout
  • Flex: Justify content center
    19:00

Practising the Basics

Project: Build a Responsive Page

Layout Items

Related Courses

A South African English-language lecturer smiling over her shoulder at the camera while teaching a small adult class in
Expert

Teaching English as a Second Language

 (5.00/2)
16 Lessons
By : Prof. Thandiwe Mokoena
Free
South African students doing a group fitness session on a campus sports field in Rondebosch
Beginner

Six Week Campus Fitness and Wellness Programme

 (5.00/3)
14 Lessons
By : Prof. Thandiwe Mokoena
Free
Close-up of a university study desk with printed course handouts, highlighters, a laptop edge and a coffee cup
Expert

Graphic Design Portfolio Studio

 (5.00/3)
16 Lessons
By : Prof. Thandiwe Mokoena
Free