Build Responsive Real-World Websites with HTML and CSS

Last Update
November 18, 2022
Wishlist Share
Share Course
Page Link
Share On Social Media

About Course

Learn modern HTML5, CSS3 and web design by building a stunning website for your portfolio! Includes flexbox and CSS Grid

What Will You Learn?

  • Become a modern and confident HTML and CSS developer, no prior knowledge needed!
  • Design and build a stunning real-world project for your portfolio from scratch
  • Modern, semantic and accessible HTML5
  • Modern CSS (previous CSS3), including flexbox and CSS Grid for layout
  • Important CSS concepts such as the box model, positioning schemes, inheritance, solving selector conflicts, etc.
  • A web design framework with easy-to-use rules and guidelines to design eye-catching websites
  • How to plan, sketch, design, build, test, and optimize a professional website
  • How to make websites work on every possible mobile device (responsive design)
  • How to use common components and layout patterns for professional website design and development
  • Developer skills such as reading documentation, debugging, and using professional tools
  • How to find and use free design assets such as images, fonts, and icons
  • Practice your skills with 10+ challenges (solutions included)


  • No coding or design experience necessary
  • Any computer works — Windows, macOS or Linux
  • You don’t need to buy any software — we will use the best free code editor in the world


  • Complete beginners who want to learn how to build a professional, beautiful and responsive website
  • Students with some knowledge about HTML and CSS, but who struggle to put together a great website
  • Designers who want to expand their skill set into HTML5 and CSS3

Course Content

Welcome and First Steps
What to do before we start the course, and preparations.

HTML Fundamentals
Fundamentals of HTML 5 and syntax.

CSS Fundamentals
Fundamentals of CSS3 and syntax.

Layouts: Floats, Flexbox, and CSS Grid Fundamentals
Fundamentals of Floats, Flexbox and Grid of CSS3 for better understanding forward achievements.

Student Ratings & Reviews

No Review Yet
No Review Yet