Build a Responsive Website with HTML & CSS: An Overview and Tutorial for Complete Beginners | JP Adams | Skillshare

Build a Responsive Website with HTML & CSS: An Overview and Tutorial for Complete Beginners

JP Adams, Frontend Engineer, Mentor & Shipper of Projects

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
7 Lessons (38m)
    • 1. Introduction

    • 2. Project Demo

    • 3. Key Concepts: Responsiveness In Real Life

    • 4. Media Queries, Viewports, Element Width

    • 5. Element Positioning, Content, Design, and Recap

    • 6. Looking at Code and Reference Sites

    • 7. Conclusion


About This Class


Learn the fundamentals of coding responsive web pages and sites by building your own. 

In this class, we will go through the process of planning out, mocking up, and coding an about page that works on desktops, tablets, and phones.

I designed this class for beginners, so with a basic understanding of HTML and CSS, you should be able to code your very own responsive about page when you follow along with the class project.

You will learn concepts and terms like:

- What is responsive design?

- Mobile first design

- CSS Media Queries

- Viewports

- Meta tags

- And more

The goal is to make something that is quick, fun, and useful. Enjoy!





  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv


Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

JP Adams

Frontend Engineer, Mentor & Shipper of Projects

Hi, I'm JP Adams.

I'm a Software Engineering with a passion for Coding, personal development, and shipping projects.

I've been coding for close to 20 years, and in that time I've had my work used by companies like IBM, BP, AOL and more. I currently work as a lead engineer building a hybrid mobile application that runs both on the web and as an iPad application.

Before that, I was on a team developing a product that is being used by the State of California and the State of...

See full profile

Report class