CSS Projects: Design & Build Websites
Ends soon! Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.
CSS Projects: Design & Build Websites
This course is part of CSS Mastery: Responsive Design & Web Styling Specialization
Included with
What you'll learn
Apply variables, nesting, mixins, and functions in LESS & SASS.
Build modular, reusable, and scalable CSS stylesheets.
Compare LESS and SCSS syntax to optimize project workflows.
Skills you'll gain
Tools you'll learn
Details to know
See how employees at top companies are mastering in-demand skills
Build your subject-matter expertise
- Learn new concepts from industry experts
- Gain a foundational understanding of a subject or tool
- Develop job-relevant skills with hands-on projects
- Earn a shareable career certificate
There are 2 modules in this course
Learners will gain the skills to explain CSS fundamentals, apply the box model, design responsive layouts, and implement advanced styling techniques to create professional websites. By completing this course, students will master how to use Bootstrap for rapid development, style elements with borders, colors, and grids, and enhance user experience with animations, fonts, and spacing. They will also learn to apply pagination, design tables, analyze transaction flows, and construct headers, services, and footers to build fully functional projects.
This course is designed for beginners and intermediate learners who want a practical, project-based approach to CSS. Through structured lessons and real coding practice, learners will develop the ability to design and deliver a complete construction and design website. What makes this course unique is its focus on combining theory with a hands-on project, ensuring learners not only understand CSS concepts but also know how to apply them in real-world web development. By the end, participants will have a solid foundation to create responsive, user-friendly, and visually appealing websites.
This module introduces the foundational principles of CSS essential for building responsive, visually engaging websites. Learners will explore the CSS box model, understand how Bootstrap simplifies development, and apply styling techniques with borders, colors, grids, spacing, animations, and typography to create structured, professional layouts.
What's included
9 videos4 assignments
9 videos•Total 70 minutes
- Intro to Project•12 minutes
- Boxmodel•11 minutes
- Boostrap•6 minutes
- Borders•4 minutes
- Colors•6 minutes
- Grid•9 minutes
- Padding•5 minutes
- Animation•6 minutes
- Fonts•10 minutes
4 assignments•Total 75 minutes
- Graded Quiz — Kickoff & Core CSS Foundations•30 minutes
- Project Onboarding & Layout Starter•15 minutes
- Visual Structure—Borders, Colors & Grid•15 minutes
- Spacing, Motion & Typography I•15 minutes
This module focuses on advanced styling techniques and full project integration. Learners will enhance their skills with typography, pagination, and tables, then refine layouts through transaction flows, headers, and services. The module concludes with complete project coding and footer design, preparing learners to deliver polished, professional websites.
What's included
10 videos4 assignments
10 videos•Total 81 minutes
- Fonts Continue•4 minutes
- Pagination•11 minutes
- Tables•7 minutes
- Transaction•5 minutes
- Header•9 minutes
- Header Continue•11 minutes
- Service•12 minutes
- Project Coading•7 minutes
- Project Coading Continue•8 minutes
- Footer•7 minutes
4 assignments•Total 75 minutes
- Graded Quiz — Advanced UI & Full Build-Out•30 minutes
- Typography II & Data Navigation•15 minutes
- Untitled•15 minutes
- Services, Coding Walkthrough & Footer•15 minutes
Earn a career certificate
Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.
Explore more from Mobile and Web Development
- Status: Free TrialB
Board Infinity
Course
- Status: Free Trial
Why people choose Coursera for their career
Frequently asked questions
To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.
Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.
More questions
Financial aid available,