Design+Code logo

Quick links

No results found

Suggested search

In this video, we will take a look at how to set up a free CodePen account. We'll explore the site a little and see what CodePen has to offer. Then, we will create our first Pen so we can get started laying out our design with Grid and Flexbox.

Purchase includes access to 50+ courses, 320+ premium tutorials, 300+ hours of videos, source files and certificates.

Templates and source code

Download source files

Download the videos and assets to refer and learn offline without interuption.

check

Design template

check

Source code for all sections

check

Video files, ePub and subtitles

Browse all downloads

Test your knowledge of CSS layout and animations. Complete the course and get perfect results for this test to get your certificate.