Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Flexbox Froggy Game in HTML + CSS

Code with Ania Kubów via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn to create the popular Flexbox Froggy game using HTML and CSS in this 56-minute tutorial. Dive into the world of flexbox layout techniques while building an interactive and educational game that teaches CSS flexbox properties. Explore the fundamentals of HTML structure and CSS styling, focusing on flexbox concepts such as justify-content, align-items, and flex-direction. Follow along step-by-step to construct the game's user interface, implement frog and lily pad elements, and create dynamic level progression. Gain practical experience in applying flexbox principles to solve layout challenges and improve your CSS skills through hands-on coding. By the end of this tutorial, you'll have a solid understanding of flexbox and the ability to create your own version of the Flexbox Froggy game.

Syllabus

Flexbox Froggy Game in HTML + CSS

Taught by

Code with Ania Kubów

Reviews

Start your review of Flexbox Froggy Game in HTML + CSS

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.