Latest solutions
Skilled e-learning landing page (Next.JS | TypeScript | Framer-motion)
#framer-motion#next#react#typescript#accessibilitySubmitted over 1 year agoKanban app (React | TypeScript | Tailwind CSS)
#accessibility#react#tailwind-css#typescript#redux-toolkitSubmitted over 1 year agoInvoice app (React | TypeScript | React Hook Form | React Query)
#react#tanstack-query#react-router#react-testing-library#typescriptSubmitted over 1 year agoDevJobs App | Vite | React | SASS | TypeScript | React-Virtuoso
#accessibility#react#react-router#react-testing-library#typescriptSubmitted almost 2 years agoREST Countries API | React +TypeScript + React Query + React Router
#react#tanstack-query#react-router#typescript#viteSubmitted almost 2 years agoProduct Feedback App | Full Stack (PERN)
#express#postgres#react#tanstack-query#nodeSubmitted about 2 years ago
Latest comments
- @MelvinAguilar@hector535
Tus soluciones son muy buenas, precisas como siempre. Excelente trabajo. Yo conservo la esperanza de algún día llegarle a tu nivel. Ya verás que sí.
Por cierto, quiero que me seas completamente honesto. ¿Es Tailwind tan atractivo como la gente dice? ¿O es puro hype?
- @Fran3103@hector535
Felicidades por completar el desafío.
Con respecto a su duda sobre que parámetros usar para tener una aplicación que sea responsiva, una estrategia muy utilizada es el de desarrollar la aplicación siguiendo un enfoque mobile-first, que consiste en desarrollar tanto el HTML/CSS para pantallas móviles y luego para pantallas más grandes ir agregando breakpoints cuando se empieza a apreciar irregularidades en el diseño.
Los breakpoints comúnmente utilizados son:
- Móviles (375 x 667)
- Tablet: 768 x 1024
- Laptop: 1366 x 768
Pero al final todo dependerá del diseño que estés implementando y sobre el soporte que tengas que brindar a diferentes tamaños de pantallas.
Marked as helpful