Website Design Fundamentals

Learn the basics of web design.

About the course

In this course you’ll learn the fundamentals of responsive web design with Google’s Pete LePage! You’ll create your own responsive web page that works well on any device – phone, tablet, desktop or anything in between.

You’ll start by exploring what makes a site responsive and how some common responsive design patterns work across different devices. From there, you’ll learn how to create your own responsive layout using the viewport tag and CSS media queries. As you proceed, you’ll experiment with major and minor breakpoints, and optimizing text for reading.

Layout and Design

Use margin and padding properties to create responsive content with consistent spacing.

Templates

This course provides an overview of the Webflow UI, basic building blocks of the web, and positioning and layout basics.

Learn HML and CSS

With CSS, you can control the color, font, the size of text, the spacing between elements, how elements are positioned and laid out.