Coddy logoCoddy logo text
JourneyCoursesChallengesDaily Challenge
LeaderboardStoreCertifications
AboutContact
Coddy logo

Journey

Courses

Programming language

Explore courses by programming language.

Python

C++

JavaScript

Java

C#

HTML

C

SQL

GO

Course type

Learn, challenge or build your portfolio in a practice-driven way.

Project

Challenges

Educational

Level of knowledge

Choose courses tailored to your level of knowledge perfectly.

Beginner

Intermediate

Advanced

Or try to search for any course. Still can't find? let us know what are you missing!

Challenges

Daily Challenge

search
Store
Leaderboard

Login

menu icon
Loading...Creator image

Creator

Anonymous

Instagram Page Clone | Front-End Project

In this course you will practice standard and simple HTML & CSS approaches and create an Instagram Page Clone Project

16 Lessons

15 Challenges

Prerequisites

Beginner knowledge in HTML

Beginner knowledge in CSS

Save for later

HTML | Body | Background

Introduction

Styling HTML & Body

Background & Structure

Project lesson

1. Profile Info

Splitting sections

Project lesson

Profile Picture

Project lesson

Name & Buttons

Project lesson

CSS - Style | Spacing

Project lesson

Numbers

Project lesson

Bio

Project lesson

CSS - Numbers | Bio

Project lesson

2. Navigation Bar

Horizontal Line

Project lesson

Bar Items

Project lesson

CSS - Flex | Style

Project lesson

3. Feed

Posts

Project lesson

CSS - Flexbox

Project lesson

Wrap-Up

Conclusion

Project lesson