In this course, you’ll master advanced CSS techniques and responsive web design, enabling you to create modern, adaptive websites. By the end of the course, you'll be proficient in using Flexbox, CSS Grid, media queries, and container queries to build responsive layouts that adapt to various devices. You’ll also gain experience with rem, em, and viewport units for flexible typography and learn how to optimize your designs for mobile-first development.
Advanced CSS & Responsive Web Design
Advanced CSS & Responsive Web Design
This course is part of Modern HTML & CSS From The Beginning 2.0 Specialization
Instructor: Packt - Course Instructors
Included with 
Gain insight into a topic and learn the fundamentals.
Intermediate level
Recommended experience
11 hours to complete
3 weeks at 3 hours a week
Flexible schedule
Learn at your own pace
What you'll learn
Learn how to use Flexbox and Grid for responsive layouts.
Master media queries and container queries for adaptive design.
Understand how to implement rem, em, and viewport units for typography.
Gain hands-on experience creating responsive web projects and forms.
Details to know
Shareable certificate
Add to your LinkedIn profile
Recently updated!
April 2025
Assessments
9 assignments
Taught in English
See how employees at top companies are mastering in-demand skills
Build your subject-matter expertise
This course is part of the Modern HTML & CSS From The Beginning 2.0 Specialization
When you enroll in this course, you'll also be enrolled in this Specialization.
- 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
Earn a career certificate
Add this credential to your LinkedIn profile, resume, or CV
Share it on social media and in your performance review
There are 8 modules in this course
In this module, we will explore the fundamentals of responsive design, guiding you through techniques such as flexible layouts, media queries, and responsive typography. You will learn to create adaptive and user-friendly designs across various devices and screen sizes, enhancing your web development skills.
What's included
10 videos2 readings1 assignment
In this module, we will guide you through building a responsive landing page with a form. You’ll learn to implement Flexbox for layout control, structure the HTML, and refine the design to be mobile-friendly using CSS techniques like media queries.
What's included
6 videos1 assignment
In this module, we will cover various CSS features that elevate your designs. You’ll explore custom properties, vendor prefixes, filters, and the calc() function while learning how to enhance your website’s functionality and appearance with unique styling effects.
What's included
8 videos1 assignment
In this module, we will build the Lumina Creative website project from scratch. You’ll work through each stage, from the initial setup and header design to adding interactive features like the lightbox effect, while refining responsive design practices.
What's included
10 videos1 assignment
In this module, we will teach you how to manage your projects with Git and GitHub, deploy websites to Netlify, and set up domain names for professional web hosting. You’ll also learn how to securely manage your website’s code and collaborate using version control.
What's included
7 videos1 assignment
In this module, we will introduce you to web accessibility, helping you understand its significance for inclusive web design. You will learn how to test your website for accessibility, implement ARIA attributes, and ensure that your site is usable by all users.
What's included
7 videos1 assignment
In this module, we will dive into advanced CSS selectors, including pseudo-classes and pseudo-elements. You will learn how to create more dynamic and powerful styles using selectors like :before, :after, and new CSS functions for precise element targeting.
What's included
11 videos1 assignment
In this module, we will explore CSS Grid in detail, showing you how to create flexible, responsive layouts. You’ll learn how to use grid functions, position items precisely, and combine CSS Grid with media queries to build adaptive web designs.
What's included
14 videos1 reading2 assignments
Instructor
Offered by
Explore more from Mobile and Web Development
Why people choose Coursera for their career
Felipe M.
Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
Jennifer J.
Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
Larry W.
Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
Chaitanya A.
"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."
New to Mobile and Web Development? Start here.
Open new doors with Coursera Plus
Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription
Advance your career with an online degree
Earn a degree from world-class universities - 100% online
Join over 3,400 global companies that choose Coursera for Business
Upskill your employees to excel in the digital economy
Frequently asked questions
Yes, you can preview the first video and view the syllabus before you enroll. You must purchase the course to access content not included in the preview.
If you decide to enroll in the course before the session start date, you will have access to all of the lecture videos and readings for the course. You’ll be able to submit assignments once the session starts.
Once you enroll and your session begins, you will have access to all videos and other resources, including reading items and the course discussion forum. You’ll be able to view and submit practice assessments, and complete required graded assignments to earn a grade and a Course Certificate.
More questions
Financial aid available,