Css Programming Tutorials, Guides & Best Practices

Flexbox provides several properties for aligning flex items along the main and cross axes:

• justify-content: Aligns items along the main axis.
• align-items: Aligns items along the cross axis.
• align-self: Overrides align-items for individual flex items.

In the tailwind.config.js file, specify the paths to all of your HTML files so Tailwind can purge unused styles in production:

   module.exports = {
     content: ['./*.html'],
     theme: {
       extend: {},
     },
     plugins: [],
   };