HTML5 and CSS3 Training Course level: Intermediate
Total Duration: 10 Hours
Delivery Method: Instructor Led Classroom Training
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

Certificate of Completion will be provided after completing the course

Skills Required

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

Training MethodDatesPriceEnrol
Classroom Training 16 Oct 2018 - 18 Oct 2018
Tuesday & Thursday
£200Enrol Now
Classroom Training 13 Nov 2018 - 15 Nov 2018
Tuesday & Thursday
£200Enrol Now
Classroom Training 18 Nov 2018 - 25 Nov 2018
2 Sundays
£200Enrol Now
Classroom Training 27 Nov 2018 - 06 Dec 2018
2 Tuesdays & 2 Thursdays
£200Enrol Now
Classroom Training 10 Dec 2018 - 12 Dec 2018
Monday & Wednesday
£200Enrol Now
Classroom Training 11 Dec 2018 - 20 Dec 2018
2 Tuesdays & 2 Thursdays
£200Enrol Now
Classroom Training 05 Jan 2019 - 12 Jan 2019
2 Saturdays
£200Enrol Now
Classroom Training 10 Feb 2019 - 17 Feb 2019
2 Sundays
£200Enrol Now
  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

"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

Course Tutor

The course instructor is a web developer with a focus in front-end development, digital media design, and networking technologies. She is trained as a Cisco Certified Network Engineer and posseses knowledge in web technologies such as HTML5, CSS3, Javascript, Actionscript, and the Adobe Suite pack.

Save Money with Packages

SAVE upto 25% by booking this course with other related courses as shown below:

Web Design Immersive

£640 (save £120)

This package combines
Find out more & book now

Newsletter Sign-up

Have a Question?