Web Design

Responsive Web Design with HTML5 and CSS3

Design and build pages that work on a 360px phone as well as a wide monitor, without the usual patchwork of tricks. Covers the modern layout tools, typography and colour that hold up on real content,...

4.6 (213 ratings) 9,203 students
৳1,990.00
প্রয়োজনে যোগাযোগ: +8801754-153020, +8801922-864353 | হোয়াটসঅ্যাপ: +8801754-153020

  • 4h 56m on-demand
  • 12 lessons
  • Full lifetime access
  • Certificate of completion

What You Will Learn

Choose between Flexbox and Grid for a given layout problem.

Size type and spacing on a readable scale.

Build mobile-first layouts that scale up cleanly.

Apply colour and contrast that passes accessibility checks.

Load images and fonts without hurting page speed.

Use developer tools to diagnose why a layout broke.

Course Curriculum

Flexbox in depth Quiz Preview 29m
CSS Grid for page structure Video 35m
When to use which Text 30m
Practice: three layout problems Text 27m

Type scale and readable measure Video 27m
Colour, contrast and spacing Text 25m
Working from a real brief Quiz 19m
Practice: restyle a dense page Quiz 23m

Images, fonts and page weight Quiz 35m
Testing on a slow connection Pdf 13m
A repeatable build process Pdf 17m
Practice: audit and improve a page Text 16m

Requirements

  • Comfortable writing basic HTML and CSS.
  • A browser with developer tools open.

Description

Design and build pages that work on a 360px phone as well as a wide monitor, without the usual patchwork of tricks. Covers the modern layout tools, typography and colour that hold up on real content, and the performance costs that make a site feel slow.

Who This Course Is For

Front-end developers who need solid layout fundamentals. Designers moving into implementation. Anyone whose current site breaks on mobile.

Student Reviews

No reviews yet — be the first to review this course.

Course Details
  • Level: Intermediate
  • Language: English
  • 12 lessons
  • 4h 56m
  • Published May 2026