Responsive Web Design with HTML5 & CSS3

Batch Price From £200 (approx. $248 USD) View Dates & Prices

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

Requirements

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

Creating CSS3 Responsive Designs with Flexbox
- Adaptive & Fluid vs. Responsive
- Flexbox Overview
- The Flexbox Model
- Browser Support
- Flexbox in production
Element Flow
- Parent to child
- The Flex Axis
- Setting the Axis Direction
- The Flex-Flow Property
- Content Wrapping
Element Flexibility
- Flex Property Components
- Flex Grow
- Flex Shrink
- Flex Basis
- Defining Display Ratios
- Setting the display order
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
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
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

Related Courses

Newsletter Sign-up

First Name

Last Name

Email address

Have a Question?

Please read our frequently asked questions or contact us.