Exercise 03 - CSS Flexbox

Welcome to Exercise 03 - let's practice using CSS Flexbox to build a complete page layout.

Steps

1. Create a new folder on your local machine and open it in VSCode.
2. Create an index.html file and copy the contents from this repository.
3. Create a style.css file and copy the contents from this repository.
4. Follow the instructions in style.css to add your Flexbox styles.
5. Work through each section: page structure, header, cards, features, footer.
6. Experiment with different values—try changing justify-content or gap to see what happens.
7. If you get stuck, check the solution folder for one approach.

Final Output