Make Your First Responsive Website with HTML & CSS

Teacher: Jen Kramer

Released: September 3, 2020

Length: 1.27 hours

Level: Beginner

Certificate: Finish lessons and pass the quiz with 70%

Tags: Coding

Table of Contents

Description

Teacher

Intro

01 - Introduction to Make Your First Responsive Website with HTML and CSS

02 - Setting Up Your Editing Environment and Examining Your Project

Understanding Responsive Design

03 - Understanding Desktop-First Responsive Design

04 - Adding Our First Media Query for Tablet

05 - Adding a Media Query for Phone

06 - Comparing Desktop-First with Mobile-First Responsive Design

07 - Rearranging Our Code for Mobile-First Responsive Design

08 - Creating a Responsive Navigation Bar

09 - Making the Main Content Layout Responsive

10 - Reordering Content

11 - Changing Other Elements of Design Responsively

Understanding Responsive Images

12 - Creating Flexible Images

13 - The Wrong Way to Manage Flexible Images

14 - Introducing the Picture Tag

Conclusion

15 - Conclusion & Next Steps

Quiz

Learn from the ground up on what Responsive Design is and how to start implementing it in your HTML and CSS. This base understanding, will help you even when working in Content Management systems. In this course, Jen Kramer shows you how to structure your HTML and CSS for different screen dimensions using media queries and how to work with images in responsive design.

Jen Kramer

Email Twitter

Jen Kramer describes herself as a "Web Design Teacher" but that barely scratches the surface of what she does. She's a speaker, a teacher, a writer, a video trainer, and much more besides. Jen currently teaches web design at Harvard Extension School.

Classes by this teacher

Name

Level

Release Date

Building Your First Website with HTML and CSS

Beginner

May 17, 2020

How to Use the Bootstrap 4 Framework

Intermediate

August 16, 2018

Join today and get access to 1,000's of books and videos. Learn WordPress, Drupal, Magento, Joomla and more! Sign up today!