Advanced CSS Techniques & Responsive Design
Ends soon! Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.
Advanced CSS Techniques & Responsive Design
This course is part of Modern Web Development: Advanced HTML & CSS Specialization
Instructor: Board Infinity
Included with
Recommended experience
Recommended experience
What you'll learn
Build and structure web pages using HTML tags, elements, and attributes
Style and format your web page with CSS for layout, colors, and typography
Create responsive, professional websites using Bootstrap’s components and grid system
Apply web design best practices to ensure your site is visually appealing and accessible
Skills you'll gain
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 3 modules in this course
Advanced CSS Techniques & Responsive Design course is designed for complete beginners who want to learn how to create a web page, even with no prior coding experience. You’ll discover how to structure content using HTML, style your site with CSS, and apply responsive design principles with Bootstrap—all while building a real, shareable web page from scratch.
In the first module, you’ll explore the fundamentals of HTML, including document structure, essential tags, and how to organize content for clarity and accessibility. You’ll learn how to use HTML to create headings, lists, images, links, tables, and forms, and understand the importance of clean, well-nested code. The second module focuses on CSS, teaching you how to style and format your web page using selectors, properties, and advanced features like Flexbox and Grid. You’ll master how to control layout, typography, and color, and see how CSS can transform a basic HTML page into a visually engaging website. The final module introduces Bootstrap, a powerful framework for building responsive, mobile-friendly websites. You’ll work with Bootstrap’s pre-built components, grid system, and utilities to create professional-looking layouts that adapt to any device. By the end, you’ll have a fully functional, modern web page and the foundational skills to start a website or pursue further web development. By the end of this course, you will confidently: 1. Build and structure web pages using HTML tags, elements, and attributes 2. Style and format your web page with CSS for layout, colors, and typography 3. Create responsive, professional websites using Bootstrap’s components and grid system 4. Apply web design best practices to ensure your site is visually appealing and accessible 5. Share a real, working web page as part of your portfolio or online presence This course is ideal for those who: - Want a step-by-step, hands-on introduction to how to create a web page and html and css - Are new to web development and eager to build foundational digital skills - Prefer learning by doing and applying knowledge to real projects - Are exploring web design for personal, school, or professional growth This course empowers you to start a website, code a web page, and build your confidence with practical, in-demand digital skills for today’s online world. Disclaimer: This is an independent educational resource created by Board Infinity for informational and educational purposes only. This course is not affiliated with, endorsed by, sponsored by, or officially associated with any company, organization, or certification body unless explicitly stated. The content provided is based on industry knowledge and best practices but does not constitute official training material for any specific employer or certification program. All company names, trademarks, service marks, and logos referenced are the property of their respective owners and are used solely for educational identification and comparison purposes.
Begin your web development journey by learning the essentials of HTML, the language that structures all web content. This module covers the anatomy of an HTML document, how to use tags and attributes, and best practices for organizing and nesting your code. You’ll gain hands-on experience creating headings, lists, links, images, tables, and forms, building a strong foundation for any website.
What's included
15 videos3 readings3 assignments1 discussion prompt1 plugin
15 videos•Total 85 minutes
- What you will learn in this Lesson•1 minute
- Introduction to Web Development•7 minutes
- What is HTML?•5 minutes
- What you will learn in this Lesson•1 minute
- HTML Tag•5 minutes
- Formatting HTML Tag•10 minutes
- Forms and Input Tags•13 minutes
- Iframe Tag•5 minutes
- Image Tag•4 minutes
- Video Tag•5 minutes
- Audio Tag•5 minutes
- List Tag•4 minutes
- Table Tags•8 minutes
- Semantic Tags and Non- Semantic Tags•4 minutes
- Meta Tag•6 minutes
3 readings•Total 70 minutes
- Syllabus•10 minutes
- Further Reading on HTML•30 minutes
- Read more about Various HTML Tags•30 minutes
3 assignments•Total 90 minutes
- Practice Quiz: Introduction to HTML•15 minutes
- Practice Quiz: Basic HTML Tags•15 minutes
- HTML Graded Quiz •60 minutes
1 discussion prompt•Total 10 minutes
- Meet & Greet•10 minutes
1 plugin•Total 5 minutes
- Quick Course Check-In•5 minutes
Transform plain HTML pages into visually engaging websites by mastering CSS. This module introduces CSS syntax, selectors, and properties, teaching you how to style text, adjust layout, and add color and spacing. You’ll also explore responsive design concepts and learn how to make your site look great on any device.
What's included
44 videos5 readings6 assignments
44 videos•Total 235 minutes
- What you will learn in this Lesson•1 minute
- What is CSS?•3 minutes
- CSS Syntax•4 minutes
- CSS Simple Selector•6 minutes
- CSS Combined Selectors - Part 1•5 minutes
- CSS Combined Selectors - Part 2•5 minutes
- What you will learn in this Lesson•1 minute
- Pseudo-class selectors - Part 1•6 minutes
- Pseudo-class selectors - Part 2•6 minutes
- Pseudo Elements•8 minutes
- Attribute Selectors•6 minutes
- What you will learn in this Lesson•1 minute
- CSS Fonts property•5 minutes
- CSS Positions•8 minutes
- CSS Float•4 minutes
- CSS Display•4 minutes
- CSS Units•7 minutes
- What you will learn in this Lesson•1 minute
- CSS Colors•5 minutes
- CSS Background Colors•4 minutes
- CSS Box Model•9 minutes
- CSS Box-Sizing•5 minutes
- CSS Style Table•6 minutes
- CSS Icons•4 minutes
- CSS Display Grid - Part 1•9 minutes
- CSS Display Grid - Part 2•10 minutes
- CSS Navigation Bar•8 minutes
- CSS Dropdowns•7 minutes
- CSS Image Gallery and Sprites•8 minutes
- CSS Styling Images & Image Reflections•7 minutes
- CSS Forms•7 minutes
- CSS Text Effects•7 minutes
- CSS Object Fit & Position•4 minutes
- What you will learn in this Lesson•1 minute
- CSS Flexbox - Part 1•6 minutes
- CSS Flexbox - Part 2•6 minutes
- CSS Gradient•4 minutes
- CSS 2D & 3D Transform•5 minutes
- CSS Transitions•6 minutes
- CSS Animation•8 minutes
- CSS Media Queries•4 minutes
- CSS Pagination•5 minutes
- CSS Multiple Columns•5 minutes
- CSS Variables•4 minutes
5 readings•Total 165 minutes
- Learn more about CSS•30 minutes
- Further reads on Selectors•30 minutes
- Learn more about Font & Property•30 minutes
- Read more about CSS Designs•45 minutes
- Learn More about CSS Advance Concepts•30 minutes
6 assignments•Total 135 minutes
- Practice Quiz: CSS Basics•15 minutes
- Practice Quiz: CSS Pseudo-class selectors•15 minutes
- Practice Quiz: CSS Fonts and Properties•15 minutes
- Practice Quiz: CSS Design•15 minutes
- Practice Quiz: CSS Advanced Features•15 minutes
- CSS Advanced Graded Quiz•60 minutes
Accelerate your web development with Bootstrap, a powerful framework for building responsive and professional-looking websites. This module covers the Bootstrap grid system, pre-built UI components, and utilities for rapid prototyping. You’ll practice building layouts that adapt seamlessly to desktops, tablets, and smartphones.
What's included
26 videos3 readings5 assignments
26 videos•Total 163 minutes
- What you will learn in this Lesson•1 minute
- Introduction to Bootstrap•4 minutes
- Bootstrap Colors•4 minutes
- Bootstrap Containers•5 minutes
- Bootstrap columns•6 minutes
- Bootstrap Display - Part 1•7 minutes
- Bootstrap Display - Part 2•6 minutes
- What you will learn in this Lesson•1 minute
- Bootstrap Images•3 minutes
- Bootstrap Buttons•4 minutes
- Bootstrap Spacing•4 minutes
- What you will learn in this Lesson•1 minute
- Bootstrap Carousel•11 minutes
- Bootstrap NavBar•8 minutes
- Bootstrap Cards•6 minutes
- Bootstrap Badges & Progress bar•8 minutes
- Pagination•4 minutes
- Bootstrap Dropdowns•8 minutes
- Bootstrap Modal•9 minutes
- Bootstrap Tooltip & Popover•5 minutes
- Bootstrap Scrollspy•3 minutes
- Project Building Part 1: Instagram Clone•5 minutes
- Project Building Part 2: Instagram Clone•16 minutes
- Project Building Part 3: Instagram Clone•13 minutes
- Project Building Part 4: Instagram Clone•13 minutes
- Project Building Part 5: Instagram Clone•8 minutes
3 readings•Total 90 minutes
- Read more about basic of Bootstrap•30 minutes
- Learn more about Bootstrap Design•30 minutes
- Learn more about Layouts and Plugins•30 minutes
5 assignments•Total 120 minutes
- Practice Quiz: Basics of Bootstrap•15 minutes
- Practice Quiz: Design with Bootstrap•15 minutes
- Practice Quiz: Bootstrap Layout & Plugins•15 minutes
- Practice Quiz: Project Building•15 minutes
- Graded Quiz - Bootstrap Mastery•60 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.
Instructor
Offered by
Explore more from Mobile and Web Development
- B
Board Infinity
Course
- B
Board Infinity
Course
Why people choose Coursera for their career
Frequently asked questions
Yes, this course is designed for complete beginners who want to learn how to create a web page from scratch. You’ll start with the basics of HTML and CSS, and each lesson uses simple language and step-by-step guidance. No prior coding or web development experience is required.
All you need is a computer, a modern web browser like Chrome or Firefox, and a free code editor such as Visual Studio Code or Sublime Text. The course provides setup instructions so you can start coding HTML and CSS right away. No paid software or advanced hardware is necessary.
Yes, each module features hands-on exercises and downloadable html web page examples with source code. You’ll build your own web page step-by-step and practice coding with real-world scenarios.
More questions
Financial aid available,
