• Venue
  • Register
  • FAQs
  • Contact
  • Time Zone

Responsive Web Design with HTML5 & CSS3

Batch Price From £200 (approx. $254 USD) View Dates & Prices HTML5 and CSS3 Training
Total Duration: 10 Hours
Course level: Intermediate
Delivery Method: Instructor Led Classroom Training
Certification: Certificate of Completion will be provided after completing the course

Course Overview

The responsive design course will teach you how to code websites for the mobile phone and other devices. By the end of this course you will be able to build flexible, fluid and adaptive websites.

Following topics are included in this course:

  • Creating CSS3 Responsive Designs with Flexbox
  • Element Flow
  • Element Flexibility
  • Controlling Alignment
  • Creating Web Layout and Navigation
  • Nesting Flexbox


You must need to have understanding of basic Web designing, HTML and CSS. Our Web Design with HTML and CSS covers all of the prerequisites.

Course Dates, Prices & Enrolment

All Training Physical Classes Virtual Classes
Time Zone:
There is no date for this course at this moment. Please complete the BOOKING REQUEST FORM below or come back to this page again later.

Course Content

  1. Creating CSS3 Responsive Designs with Flexbox
    • Adaptive & Fluid vs. Responsive
    • Flexbox Overview
    • The Flexbox Model
    • Browser Support
    • Flexbox in production
  2. Element Flow
    • Parent to child
    • The Flex Axis
    • Setting the Axis Direction
    • The Flex-Flow Property
    • Content Wrapping
  3. Element Flexibility
    • Flex Property Components
    • Flex Grow
    • Flex Shrink
    • Flex Basis
    • Defining Display Ratios
    • Setting the display order
  4. Controlling Alignment
    • Main Axis alignment
    • Using the Justify Content Property
    • Cross Axis Alignment
    • Using the align Items property
    • Aligning Single Lines
    • Dealing with Flex Margins
    • Aligning Multiple Lines
  5. Creating Web Layout and Navigation
    • Flex Model (parent to children)
    • Coding for the Regular Screen
    • Creating Menu With Flexbox
    • Code for the Mobile Phone
    • Using Online Debugging tools
    • Other CSS3 Layout Types
  6. Nesting Flexbox
    • Nesting Flex Containers
    • Flexflow and Display Order
    • Controlling Both Axes in Layout
    • Resolving Displays

Participant Reviews

"Min is a charming teacher who constantly asks you within the classroom to complete the tasks yourself, giving you the confidence to complete them out of the classroom on your own."

Francesca Knight, 12/05/2015

Share This Course

Newsletter Sign-up

Have a Question?