We may earn an affiliate commission when you visit our partners.

CSS, Website Layout, Website Components

Richard Kalehoff, Rachel Manning, Daniel Silber-Baker, and Alyssa Hope

In this part, you’ll create a multi-page blog website, using best practices for content and page styling with HTML and CSS. Practice using responsive layouts, Flexbox, and CSS Grid to create the structure and design for your own blog.

Enroll now

What's inside

Syllabus

Learn the basics of HTML and start using different elements to build out the basic structure of webpages.

Learn the basics of CSS and start using different properties to create appealing layouts and styling for all types of use cases.

Build on your CSS knowledge by diving into Flexbox, a one-dimensional layout technique for helping organize items within your webpage.

Extend your CSS skills even further with CSS Grid, which allows you to organize in two dimensions with rows and columns. Grid can work with Flexbox to lay out pages just like on the modern web.

Start with a basic Grid-based layout for a blog, and learn how to use media queries to build a responsive layout for device types of all sizes!

Use your new skills with HTML and CSS to build a personal blog website, complete with a main page and example blog posts!

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Explores website content and page styling best practices crucial in the industry

Builds foundational knowledge in HTML and CSS for website design and development

Introduces Flexbox and CSS Grid, essential layout techniques for responsive web design

Provides hands-on practice in building a multi-page blog using HTML and CSS

Covers media queries for creating responsive layouts adaptable to various device sizes

Suitable for beginners seeking to develop foundational skills in web design

Save this course

Save CSS, Website Layout, Website Components to your list so you can find it easily later:

Save

Activities

Coming soon We're preparing activities for CSS, Website Layout, Website Components. These are activities you can do either before, during, or after a course.

Career center

Learners who complete CSS, Website Layout, Website Components will develop knowledge and skills that may be useful to these careers:

Web Developer

A Web Developer is a professional who creates and updates websites by using code to build applications, style elements, and write scripts that drive the user experience. This course can help you develop a foundation of skills and knowledge necessary to succeed as a Web Developer. It will introduce you to HTML and CSS, two of the most important languages used to create websites. You will also learn about responsive layouts, Flexbox, and CSS Grid, all of which are essential for building modern, user-friendly websites.

See salaries and explore the career path for Web Developer

UI Developer

A UI Developer focuses on the user interface of websites and applications. They are responsible for the design and implementation of the elements that users interact with, such as buttons, menus, and forms. This course can help you develop the skills and knowledge you need to become a successful UI Developer. It will teach you the basics of HTML and CSS, as well as more advanced topics such as responsive layouts, Flexbox, and CSS Grid.

See salaries and explore the career path for UI Developer

Front-End Developer

A Front-End Developer focuses on the user-facing side of websites and applications. They are responsible for the design, layout, and interactivity of a website or application. This course can help you develop the skills and knowledge you need to become a successful Front-End Developer. It will teach you the basics of HTML and CSS, as well as more advanced topics such as responsive layouts, Flexbox, and CSS Grid.

See salaries and explore the career path for Front-End Developer

Web Designer

A Web Designer is responsible for the overall look and feel of a website. They work with clients to understand their needs and then create a design that is both visually appealing and functional. This course can help you develop the skills and knowledge you need to become a successful Web Designer. It will teach you the basics of HTML and CSS, as well as more advanced topics such as responsive layouts, Flexbox, and CSS Grid.

See salaries and explore the career path for Web Designer

UX Designer

A UX Designer focuses on the user experience of websites and applications. They are responsible for ensuring that websites and applications are easy to use, intuitive, and enjoyable. This course can help you develop the skills and knowledge you need to become a successful UX Designer. It will teach you the basics of HTML and CSS, as well as more advanced topics such as responsive layouts, Flexbox, and CSS Grid.

See salaries and explore the career path for UX Designer

Computer Programmer

A Computer Programmer writes and maintains code that runs on computers. This course can help you develop a foundation of skills and knowledge that can be applied to a wide range of computer programming roles. It will introduce you to HTML and CSS, two of the most important languages used to create websites. You will also learn about responsive layouts, Flexbox, and CSS Grid, all of which are essential for building modern, user-friendly websites.

See salaries and explore the career path for Computer Programmer

Webmaster

A Webmaster is responsible for the day-to-day maintenance and operation of a website. This course can help you develop the skills and knowledge you need to become a successful Webmaster. It will teach you the basics of HTML and CSS, as well as more advanced topics such as responsive layouts, Flexbox, and CSS Grid.

See salaries and explore the career path for Webmaster

Software Engineer

A Software Engineer designs, develops, and maintains software systems. This course can help you develop a foundation of skills and knowledge that can be applied to a wide range of software engineering roles. It will introduce you to HTML and CSS, two of the most important languages used to create websites. You will also learn about responsive layouts, Flexbox, and CSS Grid, all of which are essential for building modern, user-friendly websites.

See salaries and explore the career path for Software Engineer

Technical Writer

A Technical Writer creates documentation for software and other technical products. This course can help you develop the skills and knowledge you need to become a successful Technical Writer. It will teach you the basics of HTML and CSS, as well as more advanced topics such as responsive layouts, Flexbox, and CSS Grid.

See salaries and explore the career path for Technical Writer

Information Architect

An Information Architect designs and organizes the structure and content of websites and other digital products. This course can help you develop the skills and knowledge you need to become a successful Information Architect. It will teach you the basics of HTML and CSS, as well as more advanced topics such as responsive layouts, Flexbox, and CSS Grid.

See salaries and explore the career path for Information Architect

Project Manager

A Project Manager plans, executes, and closes projects. This course may be useful for Project Managers who are working on projects that involve website development. It will provide you with a foundation of knowledge about HTML and CSS, as well as more advanced topics such as responsive layouts, Flexbox, and CSS Grid.

See salaries and explore the career path for Project Manager

Marketing Manager

A Marketing Manager plans and executes marketing campaigns to promote products and services. This course may be useful for Marketing Managers who are working on projects that involve website marketing. It will provide you with a foundation of knowledge about HTML and CSS, as well as more advanced topics such as responsive layouts, Flexbox, and CSS Grid.

See salaries and explore the career path for Marketing Manager

Systems Analyst

A Systems Analyst analyzes and designs computer systems. This course may be useful for Systems Analysts who are working on projects that involve website development. It will provide you with a foundation of knowledge about HTML and CSS, as well as more advanced topics such as responsive layouts, Flexbox, and CSS Grid.

See salaries and explore the career path for Systems Analyst

Business Analyst

A Business Analyst analyzes business needs and develops solutions to improve business processes. This course may be useful for Business Analysts who are working on projects that involve website development. It will provide you with a foundation of knowledge about HTML and CSS, as well as more advanced topics such as responsive layouts, Flexbox, and CSS Grid.

See salaries and explore the career path for Business Analyst

Data Analyst

A Data Analyst collects, analyzes, and interprets data to help businesses make better decisions. This course may be useful for Data Analysts who are working on projects that involve website analytics. It will provide you with a foundation of knowledge about HTML and CSS, as well as more advanced topics such as responsive layouts, Flexbox, and CSS Grid.

See salaries and explore the career path for Data Analyst

Reading list

We've selected 12 books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in CSS, Website Layout, Website Components.

Designing With Web Standards, 3/E