Build a Responsive Web App
One complete responsive build: homepage, header, content area, and a form, finished with media queries so it works on every screen.
What you'll learn
- ✓ Build a homepage from a blank project
- ✓ Code a site header and a structured content area
- ✓ Add a form to the page
- ✓ Apply small fixes that make a build feel finished
- ✓ Write media queries to make the whole project responsive
- ✓ Understand the workflow of taking one project from empty file to mobile-ready
Course Curriculum
1 sections
1
Project
Before you start
- ✓ Basic HTML and CSS. You will be building, not learning tags for the first time
More courses you might like
Netlify - Deploy Your Site For Free
Tired of complicated hosting setups and deployment errors? With Netlify, you can take your projects live in mi...
Build A Niche Site From Scratch
There is a moment in every tutorial-watcher's life when they realize they have absorbed piles of strategy and...
Learn HTML and CSS by Building a Cool Social Network
You already know this design by heart. You have scrolled it thousands of times: the blue header, the left side...
Responsive HTML Emails Course
The first lesson in this course is called "How to get a 100k Salary with just HTML." I named it that...
Text Editors
Before you write a single line of HTML, CSS, or JavaScript — you need to understand your tools. In this cours...
CSS Animation for Developers
You have seen a site with animations so smooth you opened dev tools to figure out how they did it. Most of the...