• 10 hours
  • Easy

Free online content available in this course.

course.header.alt.is_video

course.header.alt.is_certifying

Got it!

Last updated on 3/13/23

Course introduction

Make your websites look well-organized and structured using CSS layout techniques! CSS (Cascading Style Sheets) is a code language that allows you to control the appearance of your web page. It is used on almost every website.

An important part of every website's appearance is its overall layout, but when you start creating your first web pages, you might be overwhelmed by the number of positioning options for your elements. For example:

  •  If your page shows hotel listings, should you arrange them in rows or columns?

  • If your page shows photos from your recent vacation, how can you add borders and spacing around them?

These types of questions are exactly what we'll answer in this course!

In part one of this course on layouts, we'll explore basic properties that can really make your elements pop, like spacing, borders, and custom styles for mobile and tablet screens. In parts 2 and 3, we'll discover CSS Grid and Flexbox, two powerful CSS systems for arranging elements in rows, columns, or both! Lastly, in part 4, we'll quickly cover some legacy layout techniques you might see in older codebases so that you feel prepared for all possible styling situations.  This is an optional part, but I strongly encourage you to get familiar with legacy layouts.  

If you already feel comfortable with HTML and very simple CSS (like setting colors and fonts), sign up now, and let's get started!

Example of certificate of achievement
Example of certificate of achievement