4ADVANCED

Advanced CSS techniques

As you start building more complex projects, it helps to use more advanced CSS techniques. The challenges in this path will help you practice more difficult challenges to help you level up your CSS skills.

7 challenges
Level 4
~14 hours
Advanced CSS
7 challenges to complete

Prerequisites

Strong CSS fundamentals and responsive design skills

Learning outcomes

Master CSS animations
Use CSS custom properties effectively
Implement complex layouts
Optimize CSS performance

Challenges

INTERMEDIATEPREMIUM

Mood tracking app

Build a mood tracking app to help users log their daily feelings and track their emotional wellbeing over time.

HTMLCSSJavaScript
ADVANCEDPREMIUM

Browser extension manager

Create a browser extension manager interface with the ability to enable, disable, and configure extensions.

ReactTypeScriptCSS
3
JUNIORFREE

Personal blog

Build a personal blog with article listing, individual article pages, and a responsive design.

HTMLCSSJavaScript
4
NEWBIEFREE

Character counter

Create a character counter component that updates in real-time as users type in a text area.

HTMLCSSJavaScript
5
JUNIORFREE

Conference ticket generator

Build a conference ticket generator that creates personalized tickets based on user input.

HTMLCSSJavaScript
6
INTERMEDIATEPREMIUM

Tech book club

Create a tech book club website with book listings, reviews, and discussion forums.

ReactNode.jsMongoDB
7
NEWBIEFREE

Recipe page

Build a recipe page with ingredients list, cooking instructions, and nutritional information.

HTMLCSS
Learn-Frontend