I'm trying to learn how media queries and responsive web design work so I attempted the mobile version first, however I struggled to actually achieve the responsive design so instead I duplicated the folder and coded the web version separately. Hopefully in the future I'll overcome this and figure out how responsive design works!
Look at Flexbox when working with responsive queries, I particularly find the wrap element to be the most useful. Also work with @media queries in css, I use the following 2 options for Tablet and desktop: Tablet: @media (min-width: 768px) and (max-width: 1023px) {}
Desktop: @media (min-width: 1023px) { }
Agrege una funcionalidad para compartir el pedido a cualquier contacto en whatsapp
What challenges did you encounter, and how did you overcome them?se me dificulto integrar las imágenes del JSON sin que estén en la carpeta public.
What specific areas of your project would you like help with?en la parte del organizado de los componentes y carpetas
Hay un par de errores gramaticales que puedo ver, "Your card" debería ser "Your Cart" y la fuente parece tener un frente diferente al que se proporciona. Con respecto a la estructura, descubrí que la carpeta de imágenes tenía que estar directamente en la carpeta pública; si estuviera en una subcarpeta de esta, sería un problema. ¡Este es un gran trabajo y la integración adicional con WhatsApp es realmente buena!
Well done on completing this task! Looking at this on different devices, the design works on these. I have a couple of suggestions in regards to reducing the amount of 'copypasta' code in regards to the reaction, Memory, Verbal, and Visual components. could you maybe turn this into one component and then Array map in the data, dynamically changing the colour? This means if there is a further category added it would not need code to be written out again, it would just utilise the component that is already there. Other than that this good work, well done!
