Comentarios

El breakpoint de la media query de tablet se cambio ya que me parecia muy pequeña, utilice la siguiente guia de FreeCodeCamp como referencia

Medidas recomendadas:

  • 320px — 480px: Mobile devices
  • 481px — 768px: iPads, Tablets
  • 769px — 1024px: Small screens, laptops
  • 1025px — 1200px: Desktops, large screens
  • 1201px and more —  Extra large screens, TV

Guia FreeCodeCamp

Media Query CSS Tutorial – Standard Resolutions, CSS Breakpoints, and Target Phone Sizes