CSS Layouts for Mobile-Friendly Websites
R850
  • Intermediate

About Course

This course shows you how to lay out web pages so they look good on a small phone screen. Most of our learners browse on budget phones, so we start there. You will learn how to line up buttons, menus and photos, and how to make a page fit any screen. By the end, you will have a simple layout you can use on a real website for a small business in Khayelitsha.

What Will You Learn?

  • Practise your new skills with simple projects (examples included)
  • Learn at your own pace, even on a phone with little data
  • Get friendly and fast support from our learner support team
  • Downloadable notes, worksheets and templates for all projects

Course Content

Getting Started
This short summary prepares you for the lessons in this topic. Read it first so you know what to expect, then work through each lesson at your own pace on your phone or laptop.

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

Practicing the Basics

Project – Master Layouts!

Flex Items

Related Courses

A smiling young Xhosa woman tutor wearing a headset sits at a wooden desk with a laptop, teaching a child online in a br
Free
Sipho MthembuSipho Mthembu
 (5.00/2)

Teaching Children English and isiXhosa Online

Smiling South African spaza shop owner at her counter, photographing her products with a smartphone to post a promotion
Free
Sipho MthembuSipho Mthembu
 (5.00/2)

Digital Marketing for Spaza Shops

Young Black South African man in Khayelitsha learning JavaScript on a laptop, with code on the screen and handwritten no
Free
Sipho MthembuSipho Mthembu
 (5.00/3)

Learn JavaScript: Full Course for Beginners