What you'll learn
CSS is great for styling a website. In this project, you'll use CSS to style an existing HTML landing page. This page includes several sections which include the header, navigation, hero, sales banner, categories, full banner, and footer.
Table of contents
Setup
15m
- Set up your local environment for projects. We'll walk you through everything you need to know, including how to install and configure your environment to be able to complete all of the tasks.
Utility Classes
25m
- Create several flexbox utility classes.
Header & Navigation
20m
- Style the header and navigation of the landing page.
Hero, Sales Banner, & Categories
20m
- Style the hero, sales banner, and the categories sections.
Full Banner
20m
- Create and style a decorative banner.
Footer
20m
- Create the Pluralsight demonstration and footer styles
About the author
Tom is a staff author at Pluralsight helping to develop Hands-On content. Tom's background in software development, UI/UX, and instructional design was developed over the years while working as a faculty member at the School of Computing at Weber State University in Utah, and continues to grow as he develops Projects and Labs for Pluralsight. When he's not creating content to allow learners to gain real-life experience, he enjoys spending time with his family.
