Pluralsightintermediateen

Creating Page Layouts with CSS

Learn mobile-first responsive web design! Build websites for all devices with essential design principles. Perfect for beginners.

4.8(182)
2h 15m
Certificate
Paul Cheney
Paul CheneyInstructor

Course Content

Creating Page Layouts with CSS is an intermediate-level Pluralsight course taught by Paul Cheney. It runs 2h 15m, is taught in English, and includes a certificate of completion. Learners rate it 4.8 out of 5 from 182 reviews. It is a paid course, first published July 2020.

Master Responsive Web Design with CSS! This course, Creating Page Layouts with CSS, equips you with the skills to build websites that adapt seamlessly to any screen size – from smartphones to desktops.

Learn to create a mobile-first responsive website for a fictional Pie Shop, using the power of media queries to ensure an optimal user experience on all devices.

Here's what you'll learn:

  • HTML5 Semantic Elements: Establish a solid foundation by structuring your page with appropriate HTML5 elements and relevant content.
  • Multiple Stylesheets: Effectively manage your website's appearance across different screen widths by utilizing multiple stylesheets.
  • Hamburger Navigation: Implement a user-friendly hamburger menu for smaller screens, optimizing navigation on mobile devices.
  • Horizontal Navigation: Create intuitive horizontal navigation systems for larger screens, providing easy access to website sections.
  • Multi-Column Layouts with Float: Develop visually appealing and dynamic multi-column layouts using the CSS float property.

By the end of this course, you'll have the practical knowledge and hands-on skills to confidently build responsive pages with CSS, ensuring your website looks great and functions flawlessly on any device. Ensure your website is accessible and user-friendly with effective responsive design techniques.

$ whoami — the devs behind tutorialsearch.io

Need a web app built? Hire the team behind TutorialSearch.io

We ship fast, production-grade full-stack apps (Next.js, React, edge infra) — the same stack that powers this site.

5.0(196)
51m
beginner
skillshare
5.0
2h 45m
intermediate
pluralsight
skillshare
5.0(461)
1h 13m
all
skillshare