Free
CourseLearn Intermediate CSS
Learn how to implement elegant transitions, create new layouts and serve users with dynamic needs.
Skill level
IntermediateTime to complete
Approx. 15 hoursCertificate of completion
Included with paid plansPrerequisites
2 coursesWe suggest you complete the following courses before you get started with Learn Intermediate CSS:- Learn CSS
- Learn HTML
About this course
You’ve figured out the basics of CSS, and your web pages are full of pretty colors and evocative fonts. But you want to do more! With Intermediate CSS, you’ll learn how to recreate the dynamism and the visual effects that you see on professional sites around the web.
Syllabus
10 lessons • 8 projects • 9 quizzesThe platform
Hands-on learning
Don’t just watch or read about someone else coding — write your own code live in our online, interactive platform. You’ll even get AI-driven recommendations on what you need to review to help keep you on track.
Projects in this course
- Project
Flexbox: To-Do App
Set the Flexbox properties for a to-do app. - Project
Off-Platform Project: Tea Cozy
Create a fictional tea store on your computer using image assets and a design spec. - Project
PupSpa
In this next project, we're going to practice Grid Positioning in CSS so you can hone your skills and feel confident taking them to the real world. Why? Using CSS grid allows you to conveniently organize data so that you can then easily manipulate across all platforms.
Meet the creator of the course

Jiwon Shin
Senior Curriculum Developer at Codecademy Learn Intermediate CSS course ratings and reviews
827 ratings
- 5 stars
- 4 stars
- 3 stars
- 2 stars
- 1 star
- The progress I have made since starting to use codecademy is immense! I can study for short periods or long periods at my own convenience - mostly late in the evenings.ChrisCodecademy Learner @ USA
- I felt like I learned months in a week. I love how Codecademy uses learning by practice and gives great challenges to help the learner to understand a new concept and subject.RodrigoCodecademy Learner @ UK
- Brilliant learning experience. Very interactive. Literally a game changer if you're learning on your own.John-AndrewCodecademy Learner @ USA
Our learners work at
Unlock additional features with a paid plan
Practice Projects
Guided projects that help you solidify the skills and concepts you're learning.Assessments
Auto-graded quizzes and immediate feedback help you reinforce your skills as you learn.Certificate of Completion
Earn a document to prove you've completed a course or path that you can share with your network.