Skip to main content
Adobe training, UX Courses, and Photoshop Classes at AGI
American Graphics Institute
Secondary
  • About
  • Contact
  • Locations
  • Why AGI
  • All classes
  • Cart
  • Log in
Search
Search
Main menu
  • Classes & Workshops
    • Classes & Workshops
    • Column 1
      • Adobe Courses
      • Photoshop
      • InDesign
      • Illustrator
      • Premiere Pro
      • After Effects
      • Animate
      • Acrobat
      • Captivate
      • Creative Cloud
      • AI Classes
      • Animation
      • After Effects
      • Animate
      • Blender
      • Cinema 4D
      • Maya
      • Digital Marketing
      • Google Analytics
      • Google Tag Manager
      • HTML Email
      • Digital Marketing Certificate
      • Elearning
      • Captivate
      • Camtasia
    • Column 2
      • Figma
      • Figma Introduction
      • Advanced Figma
      • Figma Design Systems
      • Figma Bootcamp
      • Graphic Design Courses
      • Graphic Design Course
      • AI Graphic Design Course
      • Graphic Design Certificate
      • Graphic Design for High School Students
      • Canva
      • Data Visualization
      • Office Skills
      • Excel
      • PowerPoint
      • Keynote
      • Access
      • Google Docs
      • Presentation Design
      • PowerPoint Design
      • Keynote Presentation Design
    • Column 3
      • UX Courses
      • UX Design
      • UX Research
      • Information Architecture
      • Rapid Prototyping
      • UX for Mobile & Touch
      • Figma
      • UX Certification
      • UX Design Certificate
      • Design Thinking
      • Video Editing Courses
      • Video Production
      • Premiere Pro
      • After Effects
      • DaVinci Resolve
      • Final Cut
      • Video Editing for High School Students
      • Web Accessibility
      • Web Accessibility
      • Section 508
      • Accessibility for Designers
      • InDesign Accessibility
    • Column 4
      • Web Design
      • WordPress Classes
      • HTML
      • CSS
      • Responsive Web Design
      • Web Design Certificate
      • Web Graphics
      • Web Design for High School Students
      • Web Development
      • Agile
      • CSS
      • HTML
      • JavaScript
      • Python
      • WordPress
      • 3D Design
      • 3DS Max
      • After Effects
      • Blender
      • Cinema 4D
      • Maya
      • Motion Graphics
      • Sketchup
      • See All Classes
  • Online Training
    • Online Training
    • Column 1
      • Adobe Classes
      • Photoshop
      • InDesign
      • Illustrator
      • Premiere Pro
      • After Effects
      • Animate
      • Acrobat
      • Captivate
      • XD
      • Creative Cloud
      • All Adobe
      • Digital Marketing
      • HTML Email
      • Google Analytics
      • Google Tag Manager
      • Digital Marketing Certificate
    • Column 2
      • Elearning
      • Captivate
      • Camtasia
      • Graphic Design
      • Graphic Design Course
      • Graphic Design Certificate
      • Design Thinking
      • Office Skills
      • PowerPoint
      • Keynote
      • Excel
      • Access
      • Google Docs
      • Presentation Design
      • PowerPoint Design
      • Keynote Presentation Design
    • Column 3
      • UX Courses
      • UX Design
      • Information Architecture
      • Rapid Prototyping
      • UX for Phone & Touch
      • Figma
      • UX Certification
      • UX Design Certificate
      • Video Editing
      • Premiere Pro
      • After Effects
      • DaVinci Resolve
      • Final Cut
      • Web Accessibility
      • Web Accessibility
      • Section 508
    • Column 4
      • Web Design
      • Web Design Certificate
      • WordPress
      • HTML
      • CSS
      • Responsive Web Design
      • Web Graphics
      • Web Development
      • JavaScript
      • HTML
      • CSS
      • Drupal
      • WordPress
      • CAD & 3D Design
      • Sketchup
      • 3DS
      • Maya
      • See All Classes
  • Certificate Programs
    • Certificate Programs
    • Column 1
      • Graphic Design Certificate
      • Video Editing Certificate
      • Digital Marketing Certificate
    • Column 2
      • UX Design Certificate
      • Web Design Certificate
      • Web Development Certificate
    • Column 3
      • Photoshop Certificate
      • All Certificate Programs
  • Adobe Training
    • Adobe Training
    • Column 1
      • Photoshop
      • InDesign
      • Illustrator
      • Animate
      • Acrobat
    • Column 2
      • Premiere Pro
      • After Effects
      • XD
      • Captivate
      • Connect
    • Column 3
      • Dreamweaver
      • Creative Cloud
      • LiveCycle
      • AEM Forms
      • InCopy
      • All Adobe Classes
      • See All Classes
  • Corporate Training

  • About
  • Contact
  • Locations
  • Why AGI
  • All classes
  • Cart
  • Log in
Breadcrumb
  1. Home
  2. Web Design Classes
  3. Web Design Classes Online
  4. Responsive Web Design Course Online January 24, 2025
See how live online training works in this brief video.

See how live online training works in this brief video.

Learn more about Online classes

All Web design classes include

free retakes of courses Free retake

Curriculum provided Detailed curriculum

Live instructor Live instructor

flexible rescheduling Flexible rescheduling

flexible rescheduling Certificate of Completion

small class Small class sizes

course recording Course recording

Responsive Web Design Course Online January 24, 2025

Responsive web design class

Fri, Jan 24 2025 - Fri, Jan 24 2025
10:00 am to 5:00 pm
Online Training

$495.00

This responsive web design class provides you with the skills to create responsive websites that adapt to various screen sizes and resolutions. Discover how to create sites that render correctly across mobile, tablet, and desktops using fluid grids, CSS, flexible foundation, and more. Knowledge of all topics covered in the introductory HTML and CSS class is required before enrolling in this web design course.

Download Course Description (PDF)

Responsive web design course topics 

Responsive web design overview

  • Foundations of responsive design
  • Defining responsive web design
  • The user experience challenges of a responsive design
Creating the basic structure of a responsive web design
  • Using HTML for structure
  • Styling with web fonts
  • Styling text with ems
  • Defining the basic text styles
  • Styling a single-column layout for a responsive layout
  • Working with the CSS text-shadow property
  • Working with CSS selectors
  • Adding responsive images
Navigation for a responsive design
  • An overview of mobile navigation
  • Introduction to media queries
  • Adding a toggle menu
Media queries and responsive layout
  • Adding styles for a desktop layout
Optimizing responsive designs
  • Adding mobile and older browser support
  • Testing your responsive design
  • Improving page performance
The course topics serve as an outline for the course. Instructors may adjust content based on the specific needs of each class, such as to answer your  Web design questions.

 

See all Web design classes, See all Responsive web design classes

Why Web design classes at AGI are the best option for you

  • Hands-on learning: Learn Web design quickly with our proven teaching methods.
  • Exceptional curriculum: AGI has delivered Web design training to thousands over 25 years.
  • Expert instructors: Our instructors are Web design experts and skilled educators.
  • Small class sizes: Receive personalized attention with 10 or fewer participants per class.
  • Repeat for Free: If you need a refresher or miss a class day, retake the Web design class at no cost.
Footer
  • 781-376-6044
  • CONTACT US
  • SEE ALL AGI TRAINING LOCATIONS

© Copyright 2002 - 2025 American Graphics Institute