What are some flexbox alignment techniques I can use?

What are some flexbox alignment techniques I can use?

Flexbox offers several alignment techniques, such as 'justify-content', 'align-items', and 'align-self'. Would you like to know how to use them?

Yes, can you explain 'justify-content'?

Sure! 'justify-content' aligns flex items along the main axis. You can use values like 'flex-start', 'flex-end', 'center', 'space-between', and 'space-around'.

What about 'align-items'?

'align-items' aligns flex items along the cross axis. Common values include 'stretch', 'flex-start', 'flex-end', 'center', and 'baseline'.

Can you give an example of using these properties?

Absolutely! Here's a simple example:

.container {
  display: flex;
  justify-content: center;
  align-items: center;
}
``` This centers items both horizontally and vertically.