Responsive Web Design


Responsive Web Design

Responsive web design is the practice of building websites that can adapt to every device and every screen size. During this course, we will learn how to build modern, responsive websites using HTML and CSS. As our course project, we will build a website from scratch and, as a bonus, we will add some functionality to it using JavaScript at the end of the course!

What you'll learn

Basic HTML structure
Learn the basic structure of a webpage and discover how you can help a web browser understand your content
Headings, paragraphs
Make your document easy to read and SEO-friendly by adding headings and paragraphs
Text formatting
Add some style to your content with text formatting options like bold, italics, strikethrough, colors, etc.
Elements and attributes
Discover some of the most useful elements and attributes. Use them to create different formats for information
A picture's worth a thousand words. Learn how to add images to your pages
Learn the basics of styling text
Discover how to create CSS styles, how to set different text font sizes, font styles, and colors.
Create boxes and backgrounds
Create styles for box models, such as background color, border, sizes, and more.
Making it responsive
Create responsive websites
Adding JavaScript and jQuery
Learn to create modern websites which include interactive elements and animations, and improve the user experience and aesthetics.


HTML5 and CSS3 Forms: 4 Useful Designs
Forms are widely used as essential website components. It's possible to create any form to fit your particular site's purpose and goals, with HTML5 and CSS3. Each brings a number of great features and attributes that substantially broaden the boundaries of form design.
Continue reading on our blog
By properly employing HTML comments, you can explain your choices to a colleague reviewing your code and make necessary adjustments or bugs that need fixing easier for others to see. This is an essential 'best practice' among experienced HTML programmers and one that you'll need to master to work as part of a team or bring people on board your own projects. So how do you do it? Let's walk through the basics and essential steps you will need.
Continue reading on our blog
CSS is an invaluable tool for adding style and clearly formatting information to a web page designed with HTML. Far beyond just a simple layout and adding static images, CSS offers options for adding dynamic, user-experience-friendly front-end elements that can transform a static HTML page into an interactive application that wows customers and clients. This guide walks you through the basics and essential steps you need to add CSS to HTML for any project.
Continue reading on our blog