How can I create a navigation bar using CSS Flexbox?

How can I create a navigation bar using CSS Flexbox?

You can create a navigation bar using CSS Flexbox by setting the display property of the container to 'flex'. This allows you to align items easily.

What properties should I use to align the items horizontally?

To align items horizontally, you can use 'justify-content: space-between;' to distribute space between items, or 'justify-content: center;' to center them.

How do I make the navigation bar responsive?

To make it responsive, you can use media queries to adjust the flex properties based on the screen size, such as changing the direction to 'column' on smaller screens.

Can you provide a simple code example?

Sure! Here's a basic example:

<nav style="display: flex; justify-content: space-between;">
  <a href="#">Home</a>
  <a href="#">About</a>
  <a href="#">Contact</a>
</nav>