- container: will implement the screens given in tailwind.config.js
- mx-auto: margin left and right auto
- ml: margin left
- mt: largin top, and so on...
- p-6: padding 6
- items-center: aic
- justify-between: jcsb
- hidden md:flex: display: none above md (768px) display: flex
- space-x-6: row gap on df