Flexbox Challenge
Explore the Flexbox challenge by applying CSS properties to create dynamic zombie card layouts. Learn to organize items horizontally, align content vertically, reorder elements without changing HTML, and manage scaling for responsive design.
We'll cover the following...
We'll cover the following...
Challenge
Use Flexbox properties to style the zombies’ positions, internal layouts, and scaling. The basic set of styling (colors and borders) has been done for you.
Your specific tasks:
Horizontal Layout: Make the main
<ul>container a flex container so the zombie cards sit side-by-side.Card Layout: Make each individual
<li>card a flex container. Arrange its internal elements (the text and image) vertically, and ...