Apuntes de esta clase: <h1>2.2 Responsive Design, Mobile First and Utility First</h1> Los 3 conceptos básicos de TailwindCSS:...

Apuntes de esta clase:

<h1>2.2 Responsive Design, Mobile First and Utility First</h1> Los 3 conceptos básicos de TailwindCSS:

• Responsive Design: que una aplicación se vea bien dependiendo del dispositivo.
  • En Tailwind hay 4 breakpoints definidos y uno por default:
    • default: mayor a 0px.
    • sm: mayor a 640px.
    • md: mayor a 768px.
    • lg: mayor a 1024px
    • xl: mayor a 1280px.
• Mobile First: el dispositivo que se utiliza más es el celular, por lo cual tailwind da mayor relevancia a iniciar el desarrollo desde las pantallas de dispositivos móviles.
• Utility First: es la forma en la que se nombran y se crean las clases de estilos, que son clases descriptivas de las utilidad que nos dan.