Tutorialspoint

Responsive Web Design for Beginners

Master the fundamentals of CSS and create responsive websites for any screen size.

Course Description

Explore skills for building websites that look good on any device!

Over 50% of all internet traffic now comes from mobile devices – and for many users, their phone is their only computing device. As such, it has become imperative to build websites with designs that are “responsive” to a device’s screen size.

This course will teach you the skills necessary to turn your static websites into dynamic layouts that can be viewed and automatically resized on any screen. Using only HTML and CSS, you’ll explore a variety of different responsive design styles, and discover how each can prepare you to tackle any kind of website for the modern age.

Whether for a professional career or hobby, learning responsive design will help you take your web projects to the next level and make user-friendly experiences for all your visitors.

This course assumes basic familiarity with HTML and CSS.

 

Goals

  • Use media queries to change layouts
  • Resize elements using CSS Flexbox
  • Create grid-based layouts using CSS Grid
  • Combine all skills for responsive design

Prerequisites

  • Basic to intermediate HTML skills and basic CSS skills
Show More

Curriculum

  • Course Files
  • Introduction
    01:54
    Preview
  • Getting Started
  • Reviewing the Fundamentals
    04:48
    Preview
  • Understanding How Media Queries Work
    04:57
    Preview
  • Creating Media Query Breakpoints
    09:27
  • Adding Visual Cues to Media Query Breakpoints
    03:59
  • Building a Rapid Responsive Web Layout
    12:09
  • Understanding What Flexbox Is
    04:10
  • Setting Up a Flex Container
    06:30
  • Building Page Structure with Flexbox
    08:00
  • Understanding CSS Grids
    02:00
  • Setting Up a Basic Grid
    05:20
  • Establishing Grid Rows And Columns
    05:48
  • Different Approaches to Column Widths
    04:28
  • Setting Grid Rows
    01:47
  • Conclusion
    00:29
Feedbacks
  • No Feedbacks Posted Yet..!
Responsive Web Design for Beginners
This Course Includes
  • 1 hours
  • 17 Lectures
  • 3 Resources
  • Completion Certificate Sample Certificate
  • Lifetime Access Yes
  • Language English
  • 30-Days Money Back Guarantee

Sample Certificate

Use your certification to make a career change or to advance in your current career. Salaries are among the highest in the world.

We have 30 Million registered users and counting who have advanced their careers with us.

X

Sample Certificate

Talk to us

1800-202-0515